/* Shared primary navigation: links stay available if JavaScript fails. */
.site-menu-toggle[hidden], .site-nav[hidden] { display: none !important; }
.site-menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 44px;
    padding: 8px 12px;
    border: 1px solid var(--bgr-border);
    border-radius: 12px;
    background: transparent;
    color: var(--bgr-ink);
    font: inherit;
    font-weight: 750;
    cursor: pointer;
    flex-shrink: 0;
}
.site-menu-toggle:focus-visible, .site-nav a:focus-visible {
    outline: 2px solid var(--bgr-red);
    outline-offset: 4px;
}
.site-menu-toggle__icon { display: grid; gap: 4px; width: 18px; }
.site-menu-toggle__icon span { height: 2px; background: currentColor; border-radius: 2px; }
.site-menu-toggle[aria-expanded="true"] { color: var(--bgr-red); border-color: currentColor; }
.site-menu-toggle[aria-expanded="true"] .site-menu-toggle__icon span:first-child { transform: translateY(6px) rotate(45deg); }
.site-menu-toggle[aria-expanded="true"] .site-menu-toggle__icon span:nth-child(2) { opacity: 0; }
.site-menu-toggle[aria-expanded="true"] .site-menu-toggle__icon span:last-child { transform: translateY(-6px) rotate(-45deg); }
@media (max-width: 800px) {
    .site-header .site-shell { flex-wrap: wrap; gap: 12px; }
    .site-header .site-nav { display: block; flex-basis: 100%; min-width: 0; padding-top: 12px; border-top: 1px solid var(--bgr-border); }
    .site-header .site-nav ul { flex-direction: column; gap: 2px; }
    .site-header .site-nav a { display: block; padding: 10px 12px; min-height: 44px; border-radius: 10px; overflow-wrap: anywhere; }
    .site-header .site-nav a:hover, .site-header .site-nav .current-menu-item > a { background: var(--bgr-cream); color: var(--bgr-red); }
    .site-header .site-nav .sub-menu { padding-left: 16px; }
}