/* Match the PC header dimensions and inner alignment of www-test. */
@media (min-width: 992px) {
    #top_info { width: 83.333333%; max-width: 1166.666667px; padding: 0 15px; }
    #btnMobileMenu { width: 50px; flex: 0 0 50px; }
    .newsletter-home { position: static; width: auto; transform: none; }
    .gks-home { width: auto; }
    #btnMobileMenu img, .newsletter-home img, .gks-home img { width: auto; height: 50px; }
}

@media (max-width: 991px) {
    :root { --header-height: 80px; }
    #top_info { padding: 0 4%; }
    #btnMobileMenu { width: 42px; flex: 0 0 42px; }
    .newsletter-home { width: 46%; }
    .gks-home { width: 20%; max-width: 145px; }
    .chapter-grid { grid-template-columns: 1fr; gap: 0; margin: 7% 0 8%; }
    .chapter-grid a + a { margin-top: 8%; }
    .article-contest .artwork:nth-of-type(n+2) { width: 92%; margin-top: 3%; }
    .article-interview .artwork:nth-of-type(n+2) { width: 92%; margin-top: 5%; }
    #bottom { padding: 40px 20px; font-size: 10px; line-height: 1.5; }
    .footer-logo { width: 260px; margin-top: 22px; }
    #mobileMenu { padding: 16px 4% 32px; }
    .menu-inner { padding: 16px 10px; }
    .menu-list > li > a, .chapter-toggle { padding: 15px 10px; font-size: 16px; }
    .menu-number { flex-basis: 32px; }
    #chapter-links a { padding-left: 42px; }
    .return-top { right: 12px; bottom: 12px; padding: 9px 14px; font-size: 13px; }
}
@media (max-width: 480px) {
    :root { --header-height: 70px; }
    #btnMobileMenu { width: 34px; flex-basis: 34px; }
    .newsletter-home { width: 49%; }
    .gks-home { width: 19%; }
    #bottom { padding: 32px 15px; }
    #bottom p a { display: inline-block; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
}