/*
 * Contact pages: align only the shared site footer with the top page.
 * Keep every selector scoped to the footer to avoid affecting form controls.
 */
footer.bg-gray-800 {
    font-family: 'Noto Sans JP', 'Inter', sans-serif;
    font-weight: 400;
}

footer.bg-gray-800 h3 {
    font-family: 'Noto Serif JP', serif;
    letter-spacing: .04em;
}

footer.bg-gray-800 .text-base {
    font-size: 18px;
}

footer.bg-gray-800 .text-lg {
    font-size: 20px;
}

footer.bg-gray-800 .text-xl {
    font-size: 22px;
}

@media (min-width: 1024px) {
    footer.bg-gray-800 .footer-main-links {
        grid-template-columns: max-content minmax(340px, 2fr) repeat(4, minmax(0, 1fr));
        column-gap: 3rem;
    }
}