/* The hero's Foxfire navigation, shared by editorial and supporting pages. */
.site-nav { position:sticky; top:0; z-index:50; min-height:76px; padding:12px 5%; display:flex; align-items:center; justify-content:space-between; gap:24px; background:var(--washi); color:var(--sumi); border-bottom:1px solid var(--line); }
.site-nav a { text-decoration:none; }
.site-nav > a:first-child { flex-shrink:0; }
.site-nav nav { display:flex; align-items:center; gap:30px; font-size:12px; }
.site-nav nav a { display:inline-flex; align-items:center; gap:5px; min-height:44px; color:var(--muted); }
.site-nav nav a[aria-current] { color:var(--vermilion-ink); }
.site-nav-download { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:44px; border-radius:30px; padding:10px 18px; background:var(--sumi); color:var(--card); font-size:11px; white-space:nowrap; }
@media (hover:hover) and (pointer:fine) { .site-nav nav a:hover { color:var(--vermilion-ink); } .site-nav-download:hover { background:var(--vermilion); } }
@media (max-width:760px) {
 .site-nav { padding:10px 6% 0; gap:0 12px; flex-wrap:wrap; }
 .site-nav > a:first-child img { width:118px; height:auto; }
 .site-nav nav { order:3; width:100%; justify-content:center; gap:28px; font-size:12px; }
 .site-nav-download { margin-left:auto; padding:10px 14px; font-size:10px; }
}