/* Header-only additions; reuse the approved homepage tokens and typography. */
.primary-nav{display:flex;align-items:center}
.nav-trigger{display:flex;align-items:center;gap:7px;padding:10px 0;background:none;color:var(--ink);font-size:13px}
.nav-trigger>span{font-size:12px;transition:transform .18s}
.nav-trigger[aria-expanded=true]{color:var(--blue)}
.nav-trigger[aria-expanded=true]>span{transform:rotate(180deg)}
.nav-panel{position:fixed;top:var(--primary-header-height,86px);left:50%;transform:translateX(-50%);width:min(580px,calc(100% - 2 * var(--pad)));display:grid;grid-template-columns:1fr 1fr;gap:0 24px;max-height:calc(100dvh - var(--primary-header-height,86px) - 20px);overflow:auto;padding:12px 24px;background:var(--paper);border:1px solid var(--line);box-shadow:0 16px 24px #1113190a;animation:nav-arrive .18s ease-out}
.nav-panel[hidden]{display:none}
.nav-panel a,.nav-unavailable{display:grid;grid-template-columns:1fr auto;align-content:center;gap:6px 10px;min-width:0;padding:20px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.5}
.nav-panel a:after{display:none}
.nav-panel a:hover strong{color:var(--blue)}
.nav-panel strong{font-weight:500}
.nav-panel small{grid-column:1;font-size:11px;color:#727575;line-height:1.7}
.nav-panel a>span,.nav-unavailable>span{grid-column:2;grid-row:1 / span 2;align-self:center}
.nav-panel a>span{color:var(--blue)}
.nav-unavailable>span{font-size:9px;color:#727575;white-space:nowrap}
.nav-unavailable strong{color:#727575}
@keyframes nav-arrive{from{opacity:0;margin-top:6px}to{opacity:1;margin-top:0}}
@media(max-width:720px){
 .primary-nav{display:none}
 .primary-nav.open{display:block;position:fixed;top:68px;left:0;right:0;max-height:calc(100dvh - 68px);overflow:auto;padding:12px var(--pad) 22px;background:var(--paper);border-bottom:1px solid var(--line);font-size:15px}
 .nav-group{border-bottom:1px solid var(--line)}
 .nav-trigger{justify-content:space-between;width:100%;padding:17px 0;font-size:15px}
 .nav-panel{position:static;transform:none;width:100%;max-height:none;overflow:visible;grid-template-columns:1fr;padding:0 0 8px 14px;border:0;border-left:1px solid var(--blue);box-shadow:none;animation:nav-arrive .18s ease-out}
 .nav-panel a,.nav-unavailable{padding:13px 0;min-height:62px}
 .primary-nav .nav-pricing{display:block;padding:17px 0}
 header .nav-right{display:flex;margin-left:auto;margin-right:18px}
 header .nav-right .arrow-btn{padding:12px;font-size:10px;gap:14px}
 header .nav-right .arrow{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.nav-panel{animation:none}.nav-trigger>span{transition:none}}