/* Public navigation: one row, with a disclosure panel at 1040px and below. */
.responsive-navigation .nav-pill{gap:18px}
.navigation-panel{display:contents}
.navigation-pages,.navigation-account{display:flex;align-items:center;gap:20px}
.navigation-pages{margin-left:auto;order:1}
.navigation-account{order:2}
.navigation-primary{order:3;flex-shrink:0;white-space:nowrap}
.responsive-navigation .theme-toggle{order:4}
.navigation-pages a,.navigation-account a{font-size:.84rem;font-weight:600;text-decoration:none;white-space:nowrap}
.navigation-pages a:hover,.navigation-account a:hover,.navigation-pages a[aria-current]{color:var(--accent-soft)}
.navigation-toggle,.navigation-mobile-only{display:none}
@media(max-width:1040px){
  .responsive-navigation{width:min(calc(100% - 48px),680px);top:14px;margin:12px auto 24px;transition:width 550ms var(--ease),top 550ms var(--ease)}
  .responsive-navigation[data-nav-shape=wide],.responsive-navigation.navigation-open{width:min(calc(100% - 24px),980px);top:6px}
  .responsive-navigation .nav-pill,.responsive-navigation[data-nav-shape=wide] .nav-pill{position:relative;min-height:64px;gap:10px;padding:8px 12px;border-radius:36px;flex-wrap:wrap;transition:border-radius 550ms var(--ease),background 350ms}
  .responsive-navigation[data-nav-shape=wide] .nav-pill,.responsive-navigation.navigation-open .nav-pill{border-radius:24px}
  .responsive-navigation .brand{min-width:96px;padding:0 4px}
  .navigation-primary{margin-left:auto;min-height:44px!important}
  .responsive-navigation.nav-ready .navigation-toggle{display:inline-flex;align-items:center;justify-content:center;order:4;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);cursor:pointer}
  .navigation-panel{display:grid;gap:14px;order:5;width:100%;padding:16px;background:var(--surface);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--shadow)}
  .nav-ready .navigation-panel{position:absolute;left:0;right:0;top:calc(100% + 8px);max-height:calc(100dvh - 108px);overflow-y:auto;overscroll-behavior:contain}
  .nav-ready:not(.navigation-open) .navigation-panel{display:none}
  .navigation-pages,.navigation-account{display:grid;gap:2px;margin:0}
  .navigation-pages a,.navigation-account a{display:flex;align-items:center;min-height:44px;padding:8px 14px;font-size:1rem;border-radius:12px}
  .navigation-pages a:hover,.navigation-account a:hover,.navigation-pages a[aria-current]{background:var(--accent-tint);color:var(--text)}
  .navigation-account{border-top:1px solid var(--line);padding-top:12px}
  .responsive-navigation .theme-toggle{justify-self:start;border-radius:16px;width:auto;min-height:44px;padding:8px 14px;background:transparent}
  .responsive-navigation .theme-label{position:static;width:auto;height:auto;clip:auto;overflow:visible;white-space:normal}
  .navigation-open .navigation-toggle svg{transform:rotate(90deg)}
  .home-hero{padding-top:20px}
}
@media(max-width:360px){
  .responsive-navigation{width:calc(100% - 32px)}
  .responsive-navigation[data-nav-shape=wide],.responsive-navigation.navigation-open{width:calc(100% - 16px)}
  .responsive-navigation .nav-pill{gap:6px;padding-inline:8px}
  .responsive-navigation .navigation-primary{padding-inline:12px;font-size:.78rem}
}

@media(prefers-reduced-motion:reduce){.responsive-navigation,.responsive-navigation .nav-pill{transition:none}}