/* Footer spacing. Kept as a static public file because the Vite CSS
   bundle does not currently include the padding utilities this layout needs. */
.site-footer {
    margin-top: 4rem;
    border-top: 1px solid #e2e8f0;
    background-color: #f8fafc;
    padding-bottom: calc(7.5rem + env(safe-area-inset-bottom, 0px));
}

.site-footer-inner {
    box-sizing: border-box;
    width: 100%;
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
    padding: 4rem 1.75rem 2.5rem;
}

.site-footer-inner > .grid {
    gap: 3rem 2.5rem;
}

.site-footer-legal {
    margin-top: 3.5rem;
    padding-top: 2rem;
    padding-bottom: 0.75rem;
    border-top: 1px solid rgb(226 232 240 / 0.8);
}

@media (min-width: 640px) {
    .site-footer-inner {
        padding-left: 2.25rem;
        padding-right: 2.25rem;
    }
}

@media (min-width: 1024px) {
    .site-footer {
        margin-top: 5rem;
        padding-bottom: 0;
    }

    .site-footer-inner {
        padding: 5rem 3rem 4rem;
    }

    .site-footer-inner > .grid {
        gap: 0 4rem;
    }

    .site-footer-legal {
        margin-top: 4rem;
        padding-top: 2.5rem;
        padding-bottom: 1.25rem;
    }
}