/* Shared 4-site nav header -- duplicated verbatim across pva-site,
   books-site, collections-site, market-site (independently deployed
   static sites, no symlinking). Each page hardcodes which link is
   "active" via site-nav-active -- no JS needed for this. */
.site-nav {
  margin-left: auto;
  display: flex;
  gap: 18px;
}
.site-nav-link {
  font: 500 12px/1.3 ui-monospace, monospace;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: hsl(var(--text-muted, 150 10% 60%));
  white-space: nowrap;
}
.site-nav-link:hover { color: hsl(var(--text-strong, 135 41% 88%)); text-decoration: none; }
.site-nav-active { color: hsl(var(--live, 145 34% 58%)); }