/* V2.7: reserve the compact navigation for widths where the desktop header loses its rhythm. */
@media(max-width:980px){
  .site-header{min-height:70px;padding:0 20px}
  .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:10px}
  .menu-toggle span:not(.sr-only){display:block;width:22px;height:1px;background:currentColor;transition:transform .2s}
  .menu-toggle[aria-expanded="true"] span:nth-of-type(2){transform:translateY(3px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-of-type(3){transform:translateY(-3px) rotate(-45deg)}
  .nav{position:absolute;top:calc(100% + 1px);right:14px;left:14px;display:grid;gap:0;padding:10px;border:1px solid var(--line);border-radius:14px;background:#101520;box-shadow:0 20px 45px rgba(0,0,0,.28);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s,visibility .2s,transform .2s}
  .nav.is-open{opacity:1;visibility:visible;transform:translateY(0)}
  .nav a{padding:11px 12px}
  .nav-cta{text-align:center}
}