/* ==========================================================================
   Nav overflow fix
   The header (logo + 7 links + CTA + icons) was wider than the viewport on
   common laptop widths (1280/1366), which made the whole page scroll
   sideways. Compression only kicked in at 1240px, so 1280-1440 overflowed.
   This tightens the nav earlier and lets it shrink instead of pushing out.
   Nothing here changes the nav's appearance at full width.
   ========================================================================== */

/* let the row shrink rather than force the page wider */
.nav, .rbnav { max-width: 100%; }
.nav-links, .rblinks { min-width: 0; flex-shrink: 1; }
.nav-icons { flex-shrink: 0; }

@media (max-width: 1440px) {
  .nav-links, .rblinks { gap: 18px; margin-right: 18px; }
  .nav-links a, .rblinks a { margin: 0 9px; font-size: .93rem; }
}

@media (max-width: 1340px) {
  .nav-links, .rblinks { gap: 12px; margin-right: 12px; }
  .nav-links a, .rblinks a { margin: 0 6px; font-size: .88rem; }
  .nav-cta { padding-left: 16px; padding-right: 16px; font-size: .88rem; }
}

@media (max-width: 1180px) {
  .nav-links a, .rblinks a { margin: 0 4px; font-size: .84rem; }
  .nav-cta { padding-left: 13px; padding-right: 13px; font-size: .84rem; }
  .nav-icons { gap: 6px; }
}