/* Mobile destinations only; desktop navigation and saved chart state are unchanged. */
.mobile-destinations { display: none; }
@media (max-width: 760px) {
  .site-header .site-header-inner { gap: 4px; padding-inline: max(8px, env(safe-area-inset-left)) max(8px, env(safe-area-inset-right)); }
  .site-header .brand { min-height: 44px; flex: 0 0 auto; }
  .site-header .brand-wordmark { display: none; }
  .site-header .brand-logo { width: 44px; height: 28px; flex-basis: 44px; }
  .site-header .primary-destinations, .site-header .desktop-categories { display: none; }
  .site-header .mobile-destinations { display: flex; align-items: center; justify-content: center; gap: 2px; flex: 1 1 auto; min-width: 0; }
  .mobile-destinations a {
    display: inline-flex; align-items: center; justify-content: center;
    min-height: 44px; min-width: 44px; padding: 5px 6px;
    border-radius: 10px; color: #d7dbea; text-decoration: none;
    font-size: 12px; font-weight: 650; line-height: 1.2;
    white-space: nowrap; -webkit-tap-highlight-color: transparent;
  }
  .mobile-destinations a.active { color: #fff; background: #8c6cff26; box-shadow: inset 0 -2px #a18aff; }
  .mobile-destinations a:hover { background: #ffffff0d; color: #fff; }
  .site-header .category-menu { display: block; margin-left: 0; flex: 0 0 auto; }
  .site-header .category-menu summary { min-height: 44px; padding: 5px 7px; gap: 3px; font-size: 12px; }
  .site-header .category-menu-panel { max-height: calc(100dvh - 78px); overflow-y: auto; overscroll-behavior: contain; background: #10131d; }
  .site-header .category-menu-panel a { min-height: 44px; }
  .site-header a:focus-visible, .site-header summary:focus-visible { outline: 2px solid #8ef1e8; outline-offset: 2px; }
}
@media (max-width: 359px) {
  .site-header .site-header-inner { gap: 2px; padding-inline: 5px; }
  .mobile-destinations a { padding-inline: 3px; }
  .site-header .category-menu summary { padding-inline: 5px; }
}