/* Shared components — loaded by index.html and press.html.
   Tokens live in colors_and_type.css; this file holds cross-page component rules.
   Nav CSS was duplicated in both pages' inline <style> blocks until Aug 24, 2026. */

.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 var(--sv-page-pad);height:72px;display:flex;align-items:center;justify-content:space-between;background:var(--sv-white);border-bottom:1px solid transparent;transition:border-color var(--sv-dur) var(--sv-ease),background var(--sv-dur) var(--sv-ease)}
.nav.scrolled{border-bottom-color:var(--sv-rule)}
.nav-wordmark{font-family:var(--sv-font-display);font-weight:var(--sv-fw-bold);font-size:16px;letter-spacing:-0.01em;text-decoration:none;color:var(--sv-black);white-space:nowrap}
.nav-links{display:flex;align-items:center;gap:var(--sv-space-8);list-style:none}
.nav-links a{font-size:var(--sv-fs-eyebrow);font-weight:var(--sv-fw-medium);letter-spacing:var(--sv-tracking-eyebrow);text-transform:uppercase;text-decoration:none;color:var(--sv-black);display:flex;align-items:center;min-height:44px;transition:color var(--sv-dur-fast) var(--sv-ease)}
.nav-links a:hover{color:var(--sv-gray-500)}
@media (max-width:800px){
.nav-links{gap:var(--sv-space-4);justify-content:flex-end}
}
@media (max-width:420px){
.nav{padding:0 var(--sv-space-4)}
.nav-wordmark{font-size:15px}
.nav-links{gap:6px}
.nav-links a{letter-spacing:0.06em;padding:0 6px}
}