@import url("/brand-tokens.css?v=20261005t");/* ==========================================================================
   Previously — Unified Site Header (2026-10-02)
   --------------------------------------------------------------------------
   James, 2026-10-02: "Exactly how the navigation bar is set up on the home
   page, I want it set up on every page like that."

   Every page on the site uses the identical header structure:
     topbar (date) → brand (Previously. wordmark) → nav (pvn-mount) → white
     divider line (rendered by nav.css), with content starting underneath.

   Design tokens match the homepage exactly.
   ========================================================================== */

/* Design tokens — ALIASED to the global theme tokens (James, 2026-10-03:
   "This all needs to be solid in the same color. Only colors changing is
   when the system changes the color."). The header background, ink, and
   rules now resolve to the exact same tokens as the page background and
   text, so the header can NEVER diverge from the theme. No separate
   light-mode block needed — these follow the system automatically. */
:root{
  --pv-hdr-bg:var(--pv-noir, var(--desert-bg));
  --pv-hdr-ink:var(--pv-ivory, var(--desert-ink));
  --pv-hdr-dim:var(--pv-ivory-dim, rgba(var(--desert-ink-rgb), .64));
  --pv-hdr-faint:var(--pv-ivory-faint, rgba(var(--desert-ink-rgb), .42));
  --pv-hdr-rule:var(--pv-rule, rgba(var(--desert-ink-rgb), .14));
  --pv-hdr-red:var(--pv-red, var(--brand-red));
  --pv-hdr-serif:Georgia, 'Times New Roman', serif;
}/* ---------- header wrap ---------- */
.pv-site-head{
  max-width:1200px;
  margin:0 auto;
  padding:0 clamp(16px, 4vw, 32px);
  background:var(--pv-hdr-bg);
}/* ---------- topbar (date line) ---------- */
.pv-site-head .topbar{
  border-bottom:1px solid var(--pv-hdr-rule);
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--pv-hdr-faint);
  padding:10px 0;
  display:flex;
  justify-content:space-between;
  gap:12px;
}/* ---------- brand (wordmark) ---------- */
.pv-site-head .brand{
  display:flex;
  align-items:baseline;
  gap:14px;
  padding:22px 0 6px;
  flex-wrap:wrap;
}.pv-site-head .brand .word{
  font-family:'Previously Wordmark', var(--pv-hdr-serif);
  /* UNIFIED HEADER 2026-10-06 (James): ONE fixed size everywhere — no vw,
     no per-section overrides. 52px desktop, 34px mobile (see media query). */
  font-size:52px;
  font-weight:700;
  letter-spacing:-.01em;
  color:var(--pv-hdr-ink);
}/* UNIFIED HEADER 2026-10-06 (James): the wordmark is the ONE brand and the
   home link — anchor variant keeps the exact same look. */
.pv-site-head .brand a.word{
  text-decoration:none;
  display:inline-block;
}.pv-site-head .brand a.word:hover{
  color:var(--pv-hdr-ink);
}/* ---------- subnav: section tabs BELOW the header, no brand repeat --------
   UNIFIED HEADER 2026-10-06 (James): team pages etc. put their section tabs
   here — Overview/History/Roster — without a second logo. */
.pv-subnav{
  border-bottom:1px solid var(--pv-hdr-rule);
  background:var(--pv-hdr-bg);
}.pv-subnav__inner{
  max-width:1200px;
  margin:0 auto;
  padding:0 clamp(16px, 4vw, 32px);
  display:flex;
  gap:2px;
  overflow-x:auto;
  scrollbar-width:none;
}.pv-subnav__inner::-webkit-scrollbar{ display:none; }.pv-subnav__inner a{
  font-size:12px;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--pv-hdr-dim);
  padding:12px 12px;
  white-space:nowrap;
  text-decoration:none;
}.pv-subnav__inner a.on{
  color:var(--pv-hdr-ink);
  box-shadow:inset 0 -2px 0 var(--pv-hdr-red);
}.pv-subnav__inner a:hover{ color:var(--pv-hdr-ink); }.pv-site-head .brand .word em{
  font-style:normal;
  color:var(--pv-hdr-red);
}.pv-site-head .brand .desk{
  font-size:11px;
  letter-spacing:.34em;
  text-transform:uppercase;
  color:var(--pv-hdr-dim);
  border-left:1px solid var(--pv-hdr-rule);
  padding-left:14px;
}/* ---------- unified header search (James 2026-10-08) ----------
   ONE search bar in the header, identical on every page, mobile + desktop.
   Submits to /search/?q= (unified sitewide index). Always sitewide — never
   scoped to the current section. */
.pv-hdr-search{
  display:flex;
  align-items:center;
  gap:0;
  margin:10px 0 4px;
  max-width:520px;
  border:1px solid var(--pv-hdr-rule);
  border-radius:4px;
  background:var(--pv-hdr-bg);
  overflow:hidden;
}.pv-hdr-search input[type="search"]{
  flex:1;
  min-width:0;
  border:0;
  background:transparent;
  color:var(--pv-hdr-ink);
  font-size:15px;
  padding:11px 6px 11px 18px;
  outline:none;
  -webkit-appearance:none;
  appearance:none;
}.pv-hdr-search input[type="search"]::placeholder{
  color:var(--pv-hdr-faint);
}.pv-hdr-search input[type="search"]::-webkit-search-cancel-button{
  -webkit-appearance:none;
}.pv-hdr-search button{
  flex:none;
  border:0;
  background:transparent;
  color:var(--pv-hdr-dim);
  padding:10px 16px 10px 10px;
  cursor:pointer;
  display:flex;
  align-items:center;
}.pv-hdr-search button:hover{
  color:var(--pv-hdr-ink);
}.pv-hdr-search:focus-within{
  border-color:var(--pv-hdr-dim);
}/* ---------- mobile: hide secondary topbar text ---------- */
@media (max-width:760px){
  .pv-site-head .topbar .hide-m {
    display:none;
  }
  /* UNIFIED HEADER 2026-10-06 (James): wordmark ONE fixed size on mobile too. */
  .pv-site-head .brand .word {
    font-size:34px;
  }
}/* (No separate light-mode block — the --pv-hdr-* tokens above alias the
   global theme tokens, so they follow the device automatically.) */

/* ---------- James 2026-10-06: bulletproof nav SVG sizing ----------
   /news/ loads nav.js but NOT nav.css, so nav-injected SVGs had no CSS size
   constraint and could render giant. This rule lives in site-header.css
   (loaded on every nav.js page) as defense-in-depth alongside the intrinsic
   width/height attributes on the SVGs themselves. */
#pvn-mount svg,
.pvn svg{
  max-width: 24px;
  max-height: 24px;
}#pvn-mount .pvn-iconbtn svg,
.pvn .pvn-iconbtn svg{
  width: 18px;
  height: 18px;
}#pvn-mount .pvn-iconbtn.pvn-social svg,
.pvn .pvn-iconbtn.pvn-social svg{
  width: 16px;
  height: 16px;
}
/* Header separator — James spec 2026-10-16: ONE single solid white line (the 2026-10-15 14px stripe, reduced 2026-10-16) */
.pv-site-head{border-bottom:1px solid #FFFFFF}
.pv-bnav ~ main{border-top:1px solid #FFFFFF}

/* ============================================================================
   RAIDERS CONVERSION — PHASE 1 (2026-10-16): the shared site header takes
   the locked black/silver/white tokens, pinned on the component itself so
   it renders identically on every page family regardless of the page's own
   token layer. Rollback: delete this block (+ restore .bak-raiders1-20261016).
   ========================================================================== */
.pv-site-head,.pv-subnav{
  --pv-hdr-bg:#000000;--pv-hdr-ink:#A5ACAF;--pv-hdr-dim:#8C9399;--pv-hdr-faint:#8C9399;
  --pv-hdr-rule:#2C2C2C;--pv-hdr-red:#FFFFFF;
}
.pv-site-head{color:#A5ACAF}

/* HEADER SPEC (James, 2026-10-16): wordmark period = signal red #E10600. */
.pv-site-head .brand .word em{color:#E10600}
/* MARATHON FONT — PHASE 1 (2026-10-16): masthead wordmark in 'Previously
   Display' Regular 400 (the old stack named a 'Previously Wordmark' face
   that was never hosted — it rendered Georgia). Colors untouched
   (silver text, signal-red period per HEADER SPEC). */
.pv-site-head .brand .word{font-family:'Previously Display',Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:0}

/* ALL-RED WORDMARK (James, 2026-10-16 06:22 PT): masthead brand lockup
   renders entirely in signal red #E10600 — letters and period. */
.pv-site-head .brand .word{color:#E10600}
.pv-site-head .brand a.word:hover{color:#E10600}
.pv-site-head .brand .word em{color:#E10600}