.zone-nav{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.zone-nav--top{margin:.4rem 0 .2rem}.zone-nav--bottom{border-top:1px solid var(--hair);margin-top:clamp(2rem,5vw,3rem);padding-top:1.25rem}.zone-nav-link{border:1px solid color-mix(in oklab, var(--zone,var(--hair)) 40%, var(--hair));border-radius:var(--glass-radius);background:var(--glass-bg-soft);min-height:44px;color:var(--ink-dim);font:600 .74rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.55rem;padding:.5rem .95rem;text-decoration:none;transition:color .18s,border-color .18s,background .18s,transform .18s;display:inline-flex}.zone-nav-link:hover,.zone-nav-link:focus-visible{color:var(--ink);border-color:color-mix(in oklab, var(--zone,var(--hair)) 70%, var(--hair));background:color-mix(in oklab, var(--zone) 14%, var(--glass-bg-soft))}.zone-nav-link:focus-visible{outline:2px solid var(--zone,var(--ink));outline-offset:2px}.zone-nav-arrow{color:var(--zone,var(--ink));font-size:1rem;line-height:1;transition:transform .18s}.zone-nav-name{white-space:nowrap}.zone-nav-prev:hover .zone-nav-arrow,.zone-nav-prev:focus-visible .zone-nav-arrow{transform:translate(-3px)}.zone-nav-next:hover .zone-nav-arrow,.zone-nav-next:focus-visible .zone-nav-arrow{transform:translate(3px)}@media (prefers-reduced-motion:reduce){.zone-nav-link,.zone-nav-arrow{transition:none}.zone-nav-prev:hover .zone-nav-arrow,.zone-nav-prev:focus-visible .zone-nav-arrow,.zone-nav-next:hover .zone-nav-arrow,.zone-nav-next:focus-visible .zone-nav-arrow{transform:none}}