/* Final QA correction: tablet-only 4px overflow in navigation.
   Approved desktop (>900px) and mobile (<=760px) layouts are unchanged. */
@media (min-width:761px) and (max-width:900px) {
  .site-header .desktop-nav {display:none;}
  .site-header .nav-row {gap:14px;}
  .site-header .menu-toggle {
    width:37px;height:35px;display:flex;flex-direction:column;
    justify-content:center;gap:5px;background:#101b32;
    border:1px solid #32415c;border-radius:7px;padding:8px;
  }
  .site-header .menu-toggle span {display:block;width:19px;height:2px;background:#c5d1ed;}
  .site-header .mobile-nav {
    position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;
    background:#080f20;padding:10px 18px 17px;border-bottom:1px solid #263a54;
    box-shadow:0 20px 30px #000a;
  }
  .site-header .mobile-nav.open {display:flex;}
  .site-header .mobile-nav a {
    padding:13px 4px;border-bottom:1px solid #1c2e49;
    color:#dce5ff;font-size:13px;
  }
}