.site-footer-wrapper {
    background: var(--col-bw-200);
    border-top: 1px solid var(--col-bw-300);
}

.site-footer {
    margin: 2rem auto 0rem;
    width: calc(100% - 2rem);
    padding: 2rem;

    .navigation {
        display: grid;
        gap: calc(var(--gap-size) * 1.5);
        grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));

        h3 {
            margin-top: 0;
            font-size: 1.15rem;
        }

        a {
            color: var(--color-ink);
        }

        .navigation-block .link-list,
        .info-block div {
            display: flex;
            flex-direction: column;
            gap: .45rem;
        }

        .link-list a,
        .info-block span,
        .info-block a {
            color: var(--color-muted);
            font-size: .95rem;
        }
    }

    .copy {
        margin: 2.5rem 0 0;
        display: block;
        color: var(--color-muted);
        font-size: .85rem;
    }
}