@import url("launcher-shell.css?v=1");

/* Extra destinations preserve the approved compact header. */
.nav-explore { position: relative; font-size: 14px; }
.nav-explore summary { display: flex; align-items: center; gap: 8px; min-height: 44px; cursor: pointer; color: var(--muted); list-style: none; }
.nav-explore summary::-webkit-details-marker { display: none; }
.nav-explore summary::after { content: '⌄'; }
.nav-explore[open] summary { color: var(--ink); }
.nav-explore-menu { position: absolute; right: 0; top: 100%; z-index: 30; width: 208px; max-width: 90vw; padding: 8px; border: 1px solid var(--line); border-radius: var(--control-radius); background: var(--surface); }
.nav-explore-menu a, .site-nav nav .nav-explore-menu a { display: flex; align-items: center; min-height: 44px; padding: 8px 12px; color: var(--muted); text-decoration: none; }
.nav-explore-menu a:hover, .nav-explore-menu a[aria-current] { background: var(--wash); color: var(--ink); border-radius: var(--control-radius); }
.brand { display: inline-flex; align-items: center; min-height: 44px; }
.masthead .brand { margin-right: auto; }
.masthead { gap: 24px; }
@media(max-width:734px) {
  nav.container { flex-wrap: wrap; }
  nav.container .brand { margin-right: auto; }
  nav.container .mobile-menu { order: 3; flex-basis: 100%; gap: 24px; flex-wrap: nowrap; }
  nav.container .mobile-menu .nav-explore { margin-left: auto; }
  nav.container .mobile-menu > .active { display: flex; }
  .masthead nav { order: 3; flex-basis: 100%; }
  .masthead nav .nav-explore { margin-left: auto; }
  .masthead nav { flex-wrap: wrap; gap: 16px; }
  .site-nav nav .nav-explore { margin-left: auto; }
}

nav.container .mobile-menu .nav-explore-menu a { display: flex; }