/* Shared navigation: plain More text/chevron appears only when links overflow. */
:root[data-mode] .main-nav:not(.nav-enhanced){display:flex;align-items:center;flex-wrap:nowrap;gap:22px;min-height:56px;padding:0;overflow:hidden}
:root[data-mode] .main-nav:not(.nav-enhanced)>:is(a,button){display:inline-flex;align-items:center;flex:0 0 auto;min-height:56px;margin:0;padding:14px 0;font-size:13px;line-height:1.4;font-weight:600;white-space:nowrap}
.main-nav.nav-enhanced {--nav-gap:22px;position:relative;display:flex;align-items:center;gap:var(--nav-gap);padding:0;min-height:56px;overflow:visible;z-index:30}
.main-nav.nav-enhanced .nav-visible {display:flex;align-items:center;gap:var(--nav-gap);flex:1;min-width:0}
.main-nav.nav-enhanced .nav-visible>:is(a,button) {display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;position:relative;margin:0;padding:14px 0;min-height:56px;font-size:13px;line-height:1.4;font-weight:600;white-space:nowrap;text-decoration:none}
.main-nav.nav-enhanced .nav-visible>.active::after {bottom:0;left:0;right:0}
.main-nav.nav-enhanced .nav-overflow {flex:0 0 auto;position:relative;margin:0;padding:0;border:0;background:none}
.main-nav.nav-enhanced .nav-more-toggle {display:flex;align-items:center;justify-content:center;gap:7px;min-height:56px;margin:0;padding:14px 0;border:0;border-radius:0;background:none;box-shadow:none;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;list-style:none;color:var(--muted);white-space:nowrap;cursor:pointer}
.main-nav.nav-enhanced .nav-more-toggle::-webkit-details-marker {display:none}
.main-nav.nav-enhanced .nav-more-toggle span {margin:0}
.main-nav.nav-enhanced .nav-more-toggle svg {flex:none;transition:transform .15s}
.main-nav.nav-enhanced .nav-overflow[open]>.nav-more-toggle svg {transform:rotate(180deg)}
.main-nav.nav-enhanced .nav-overflow:is([open],.has-current)>.nav-more-toggle {color:var(--ink)}
.main-nav.nav-enhanced .nav-more-toggle:focus-visible {outline:none}
.main-nav.nav-enhanced .nav-more-toggle:focus-visible span {text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.main-nav.nav-enhanced .nav-overflow-panel {position:absolute;inset-inline-end:0;top:calc(100% + 7px);width:min(260px,calc(100vw - 32px));max-height:min(430px,var(--nav-panel-room,60dvh));overflow:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;padding:8px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:0 12px 35px #0003}
.main-nav.nav-enhanced .nav-overflow-panel>:is(a,button) {display:flex;align-items:center;min-height:46px;width:100%;margin:0;padding:11px 12px;border:0;border-radius:8px;background:none;text-align:start;font-family:inherit;font-size:13px;font-weight:500;line-height:1.5;white-space:normal;text-decoration:none;color:var(--ink)}
.main-nav.nav-enhanced .nav-overflow-panel>:is(a,button):is(:hover,:focus-visible) {background:var(--foam);color:var(--ink)}
.main-nav.nav-enhanced .nav-overflow-panel>.active {color:var(--sea);font-weight:650}
.main-nav.nav-enhanced .nav-overflow-panel>.active::after {display:none}
/* Native links remain discoverable and wrap when scripting/appearance is absent. */
:root:not([data-mode]) .main-nav {display:flex;flex-wrap:wrap;overflow:visible;gap:8px 22px;padding-bottom:0}
:root:not([data-mode]) .main-nav a {display:inline-flex;align-items:center;min-height:44px;margin:0}
@media(prefers-reduced-motion:reduce){.main-nav.nav-enhanced .nav-more-toggle svg{transition:none}}