/* Compatibility stylesheet kept site-wide by request.
   The Tailwind rebuild owns the page shell, header, footer and typography.
   Keep this file intentionally narrow so it cannot override those components. */

.site-header .navbar,
.site-header .menu-links {
    max-width: 100%;
}

.site-header .menu-link {
    white-space: nowrap;
}

.site-header .menu-button {
    min-height: 44px;
}

@media (max-width: 1023.98px) {
    .site-header .menu-links {
        width: min(22rem, calc(100vw - 2rem));
        box-sizing: border-box;
    }
}

@media (max-width: 575.98px) {
    .site-header .menu-links {
        width: min(20rem, calc(100vw - 1.5rem));
    }
}