/* Load after visual-review.css and all other shared header styles. */
.nav .nav-toggle { display:none; }
.nav [hidden] { display:none !important; }
@media (max-width:1000px) {
  /* Without JS, all links and the CTA stay visible in the document flow. */
  header.nav { position:relative; height:auto; min-height:82px; background:#050b13; }
  .nav .wrap { width:calc(100% - 32px); min-width:0; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:0 12px; padding:8px 0; }
  .nav .brand { min-width:0; gap:0; }
  .nav .brand img { width:min(160px,100%); height:62px; object-fit:contain; }
  .nav .brand small { display:none; }
  .nav .navlinks { display:flex; grid-column:1/-1; flex-direction:column; gap:0; min-width:0; padding:12px 0; border-top:1px solid #263448; font-size:12px; }
  .nav .navlinks a { display:flex; align-items:center; min-height:46px; padding:10px 12px; overflow-wrap:anywhere; border-radius:4px; }
  .nav .navlinks a:hover, .nav .navlinks a:focus-visible { background:#142235; color:#fff; }
  .nav .wrap > .button { grid-column:1/-1; width:100%; min-width:0; min-height:46px; margin:0 0 12px; white-space:normal; overflow-wrap:anywhere; text-align:center; box-sizing:border-box; }
  header.nav.nav-enhanced { position:fixed; max-height:100vh; max-height:100dvh; overflow-y:auto; overscroll-behavior:contain; border-bottom:1px solid #263448; }
  .nav.nav-enhanced .nav-toggle { display:inline-flex; align-items:center; justify-content:center; grid-column:2; grid-row:1; min-width:72px; min-height:44px; padding:10px 12px; border:1px solid #536b89; border-radius:4px; background:#101b2a; color:#eaf4ff; line-height:1.4; font-family:inherit; font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; cursor:pointer; }
  .nav .nav-toggle:focus-visible { outline:2px solid #9bd2ff; outline-offset:3px; }
  .nav.nav-open { box-shadow:0 20px 40px #0008; }
}