/* Shared navigation: one set of links for desktop, touch and keyboard users. */
.skip-link { position: fixed; top: -100px; left: 16px; z-index: 100; padding: 12px 16px; color: #18211d; background: white; border-radius: 8px; }
.skip-link:focus { top: 10px; }
.site-header { gap: 24px; }
.site-menu { flex: 1; min-width: 0; }
.site-menu-panel { display: flex; align-items: center; gap: 20px; }
.menu-toggle { display: none; }
.site-header nav { overflow: visible; }
.site-header .logout-form { flex-shrink: 0; }
.site-header .link-button { min-height: 44px; color: #edf1ee; }
.site-header nav > a, .site-header .nav-group > summary { min-height: 44px; display: flex; align-items: center; }
.site-header .nav-dropdown { top: calc(100% + 4px); left: 0; max-width: min(340px, calc(100vw - 32px)); }
.site-header .nav-group:last-of-type .nav-dropdown { left: auto; right: 0; }
.site-header .nav-dropdown a { display: flex; align-items: center; min-height: 44px; white-space: normal; }
.site-header a:focus-visible, .site-header summary:focus-visible, .site-header button:focus-visible { outline: 3px solid #f4b69c; outline-offset: 2px; }
.site-header .nav-group[open] > summary::after { content: "▴"; }
.menu-close-label { display: none; }

@media (max-width: 1050px) {
    .site-header { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0; padding: 10px 16px; min-height: 64px; }
    .site-header .brand { min-height: 44px; }
    .site-menu { flex: 0 0 100%; width: 100%; }
    .menu-toggle { display: flex; position: absolute; top: 10px; right: 16px; align-items: center; gap: 9px; min-height: 44px; padding: 9px 12px; border: 1px solid #67786f; border-radius: 8px; color: white; font-weight: 700; cursor: pointer; list-style: none; }
    .site-header { position: relative; }
    .menu-toggle::-webkit-details-marker { display: none; }
    .site-menu[open] > .menu-toggle .menu-label { display: none; }
    .site-menu[open] > .menu-toggle .menu-close-label { display: inline; }
    .site-menu[open] > .menu-toggle .menu-icon { display: none; }
    .site-menu-panel { display: block; max-height: calc(100dvh - 88px); overflow-y: auto; overscroll-behavior: contain; margin-top: 10px; padding: 10px 0 2px; border-top: 1px solid #415048; }
    .site-header nav { display: grid; gap: 4px; width: 100%; overflow: visible; }
    .site-header nav > a, .site-header .nav-group > summary { padding: 12px; min-height: 48px; font-size: 1rem; }
    .site-header .nav-group > summary { justify-content: space-between; }
    .site-header .nav-group { min-width: 0; }
    .site-header .nav-dropdown { position: static; display: grid; min-width: 0; max-width: none; margin: 3px 0 8px 10px; padding: 4px; border-left: 2px solid #67786f; border-radius: 0 8px 8px 0; box-shadow: none; }
    .site-header .nav-dropdown a { padding: 12px; min-height: 48px; overflow-wrap: anywhere; line-height: 1.4; }
    .site-header .logout-form { margin: 12px 0 0; padding-top: 8px; border-top: 1px solid #415048; }
    .site-header .logout-form button { width: 100%; padding: 12px; text-align: left; min-height: 48px; }
}

@media print { .skip-link { display: none; } }