/* Site footer, shared by every page. */

.footer {
    padding: 48px var(--gutter) calc(48px + env(safe-area-inset-bottom));
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    color: var(--on-dark-3);
    font-size: 0.9rem;
}

.footer__inner {
    max-width: 1120px;
    margin: 0 auto;
    display: grid;
    gap: 24px;
}

.footer__links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 22px;
}

.footer a {
    text-decoration: none;
}

.footer a:hover {
    color: var(--on-dark);
}

.footer__base {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
    color: var(--on-dark-3);
}