/* The existing desktop header is unchanged. Mobile navigation is a disclosure,
   not a modal: links keep native navigation and the page can still scroll. */
@media(max-width:1080px){
  .hd{position:relative}
  .hd > .burger{flex:0 0 50px;cursor:pointer}
  .hd > nav#primary-navigation{display:none;position:absolute;top:100%;left:0;right:0;
    background:var(--night);border:1px solid rgba(255,255,255,.24);
    padding:12px 20px;max-height:max(80px,calc(100vh - 172px));max-height:max(80px,calc(100dvh - 172px));
    overflow-y:auto;overscroll-behavior:contain;box-shadow:0 12px 24px rgba(0,0,0,.2)}
  .hd.menu-open > nav#primary-navigation{display:block}
  .hd > nav#primary-navigation ul{display:flex;flex-direction:column;gap:0}
  .hd > nav#primary-navigation a{min-height:48px;padding:12px 4px;font-size:16px}
  .hd > nav#primary-navigation a[aria-current="page"]{border-bottom-color:var(--red)}
}