/* Allow seven navigation links without reducing the established font or CTA size. */
#siteHeader .nav { gap: 16px; }
#siteHeader .brand,
#siteHeader .nav-cta { flex-shrink: 0; }
#siteHeader .nav-links { gap: 18px; }
#siteHeader .nav-links a { white-space: nowrap; }

/* Use the hamburger before the full navigation can crowd the logo or CTA. */
@media (max-width: 1179px) {
  #siteHeader .nav-links,
  #siteHeader .nav-cta { display: none !important; }
  #siteHeader .nav-toggle { display: inline-flex; flex-shrink: 0; }
  .mobile-menu {
    padding-top: 160px;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .mobile-menu a[data-nav] {
    flex-shrink: 0;
    padding: 10px 0;
    font-size: 1.35rem;
  }
  .mobile-menu a.btn-primary {
    flex-shrink: 0;
    margin: 0 0 12px;
    padding: 12px 16px;
    font-size: 1rem;
    line-height: 1.35;
    background: #FFC72C !important;
    color: #0F1B30 !important;
  }
}