/* Canonical PassTracks global header extracted from the current styles-v4.css
 * implementation used by compare.html. This asset lets editorial review pages
 * adopt the global shell without importing unrelated page-system styles. */
.site-header{position:sticky;top:0;z-index:50;padding:0;background:rgba(244,235,221,.96);border-bottom:1px solid rgba(24,50,74,.18);backdrop-filter:blur(12px)}
.site-header::after{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--orange) 0 25%,var(--mustard) 25% 50%,var(--teal) 50% 75%,var(--brick) 75% 100%)}
.site-header .nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-header .brand{display:inline-flex;align-items:center;gap:11px;color:var(--navy);font-family:inherit;font-size:inherit;font-weight:inherit;text-decoration:none}
.site-header .brand-copy{display:grid;gap:3px;line-height:1}
.site-header .brand-copy strong{font-family:var(--display);font-size:1.28rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
.site-header .brand-copy small{color:var(--muted);font-family:var(--display);font-size:.56rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.site-header .brand-mark{position:relative;width:39px;height:32px;flex:0 0 39px;overflow:hidden;background:var(--navy);clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%,9% 50%)}
.site-header .brand-mark::before,.site-header .brand-mark::after{content:"";position:absolute;bottom:6px;width:19px;height:16px;background:var(--snow);clip-path:polygon(50% 0,100% 100%,0 100%)}
.site-header .brand-mark::before{left:4px}.site-header .brand-mark::after{right:2px;height:12px;opacity:.72}
.site-header .nav-links{display:flex;align-items:center;gap:26px}
.site-header .nav-links>a{position:relative;color:var(--navy);font-size:.92rem;font-weight:700;text-decoration:none}
.site-header .nav-links>a:not(.nav-tool)::after{content:"";position:absolute;right:100%;bottom:-7px;left:0;height:2px;background:var(--orange);transition:right 160ms ease}
.site-header .nav-links>a:not(.nav-tool):hover::after{right:0}
.site-header .nav-tool{padding:9px 14px;border:1px solid var(--navy);background:transparent;color:var(--navy);font-size:.92rem;font-weight:700;line-height:1.62;white-space:nowrap}
.site-header .nav-tool:hover{background:var(--navy);color:var(--snow)}
.site-header .menu{display:none;padding:8px 12px;border:1px solid var(--navy);background:transparent;color:var(--navy);font-weight:700}
.site-header .location-nav{display:inline-grid;gap:0;padding:7px 11px;color:var(--navy);background:#efe5d4;border:1px solid var(--line-dark);font-family:var(--display);font-size:.82rem;font-weight:800;line-height:1.08;text-align:left;text-transform:uppercase;cursor:pointer}
.site-header .location-nav span{color:var(--brick);font-size:.6rem;letter-spacing:.1em}
.site-header .location-nav:hover{background:var(--paper)}
@media(max-width:780px){.site-header .menu{display:block}.site-header .nav-links{position:absolute;top:78px;right:14px;left:14px;display:none;padding:18px;border:1px solid var(--line-dark);background:var(--snow-soft);box-shadow:var(--shadow-md)}.site-header .nav-links.open{display:grid;gap:12px}.site-header .nav-tool{text-align:center}.site-header .location-nav{width:100%;text-align:center}}