/* Nine primary destinations, without shrinking the site's typography. */
@media (min-width: 1101px) {
  .navbar .nav-container { max-width: 1280px !important; padding-left: 32px !important; padding-right: 32px !important; gap: 14px !important; }
  .navbar .nav-logo { min-width: 120px !important; }
  .navbar .nav-menu { display: flex !important; flex-direction: row !important; gap: 4px !important; position: static !important; width: auto !important; height: auto !important; max-height: none !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; }
  .navbar .nav-menu li { width: auto !important; }
  .navbar .nav-link { width: auto !important; font-size: 13px !important; padding-left: 7px !important; padding-right: 7px !important; }
  .navbar .nav-toggle { display: none !important; }
}
.navbar .nav-link:focus-visible { outline: 2px solid var(--text-primary); outline-offset: 2px; }
@media (max-width: 1100px) {
  .navbar { z-index: 3000 !important; overflow: visible !important; }
  .navbar .nav-container { max-width: 100% !important; padding-left: 16px !important; padding-right: 16px !important; gap: 12px !important; }
  .navbar .nav-logo { min-width: 0 !important; order: 1 !important; }
  .navbar .nav-login { order: 2 !important; margin-left: auto !important; }
  .navbar .nav-toggle { order: 3 !important; margin-left: 0 !important; display: flex !important; width: 44px !important; height: 44px !important; align-items: center !important; justify-content: center !important; border-radius: 14px !important; background: var(--bg-secondary) !important; }
  .navbar .nav-cta { display: none !important; }
  .navbar .nav-menu { order: 4 !important; display: none !important; position: absolute !important; top: calc(100% + 8px) !important; left: 16px !important; right: 16px !important; width: auto !important; max-width: calc(100% - 32px) !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; gap: 4px !important; padding: 10px !important; margin: 0 !important; border-radius: 18px !important; background: var(--bg-secondary) !important; box-shadow: 0 18px 50px rgba(0,0,0,.12) !important; max-height: calc(100dvh - 104px) !important; overflow-y: auto !important; overscroll-behavior: contain; z-index: 3001 !important; }
  .navbar .nav-menu.active { display: flex !important; }
  .navbar .nav-menu li { width: 100% !important; }
  .navbar .nav-link { width: 100% !important; min-height: 44px; justify-content: flex-start !important; padding: 12px 14px !important; font-size: 14px !important; border-radius: 10px !important; }
}