/* ==========================================================================
   DIRECTION A SKIN — CANVA WAVE 2, SOCCER FRONTS (2026-10-14)
   Package A "The Editorial Standard" (James picked 2026-10-14 ~09:42 PT).
   Family: /sports/premier-league/ · /sports/laliga/ · /sports/ucl/
   Loaded ONLY by those three fronts (link injected by their generators:
   bake_pl_front.py + build_intl_fronts.py page_shell, league canons only —
   the /sports/soccer/ hub built by the same script does NOT get this file).
   CSS-only: zero markup, zero JS, zero data/copy changes. Scores, tables,
   fixtures and story selection stay live-owned by the generators.
   Specificity: the fronts carry their component rules in a page-inline
   <style> block that follows this link in <head>, so every rule here is
   prefixed `body .pvhub` to win on specificity, never on order.
   Tokens: cream #FAF6EE · card #FFFDF8 · ink #1B1712 (canonical; the
   bible.css drift value #211910 is NOT used) · brick #C0391B · press red
   #9E2B12 · sand #F2E9D7 · hairline #E0D7C3 · dotted #A99E8A · dek #3A322A ·
   muted #6E6557. Display: 'Playfair Display'/Georgia serif (self-hosted via
   /css/fonts.css, already linked by these pages) + the pages' system sans.
   LOCKED IDENTITY PRESERVED: each front's composition and module order are
   untouched; the league-switcher bar (.pv-league-nav, shared chrome owned
   by the nav crew) is not restyled; the LIVE chip treatment stays brick
   with its live dot; form-chip W/D/L semantics keep their held colors.
   ========================================================================== */

/* ---------- 0. SCOPED TOKENS — A values for the bible vars, this family only */
body .pvhub{
  --bible-bg:#FAF6EE;
  --bible-card:#FFFDF8;
  --bible-ink:#1B1712;
  --bible-ink-soft:#3A322A;
  --bible-ink-dim:#6E6557;
  --bible-red:#C0391B;
  --bible-red-deep:#9E2B12;
  --bible-rule:#E0D7C3;
  --bible-serif:'Playfair Display',Georgia,'Times New Roman',serif;
  --w2s-sand:#F2E9D7;
  --w2s-dotted:#A99E8A;
  color:#1B1712;
}
body .pvhub a:focus-visible{outline:2px solid #C0391B;outline-offset:2px}

/* ---------- 1. MASTHEAD — editorial plate, 2px ink rule (held) ---------- */
body .pvhub-mast{padding:34px 0 20px;border-bottom:2px solid #1B1712}
body .pvhub-kicker{
  font-size:12px;font-weight:700;letter-spacing:.30em;
  text-transform:uppercase;color:#C0391B}
body .pvhub-mast h1{letter-spacing:-.01em;color:#1B1712}
body .pvhub-stand{font-size:17px;line-height:1.55;color:#3A322A}
body .pvhub-updated{font-size:12px;letter-spacing:.04em;color:#6E6557}

/* ---------- 2. SECTION HEADS — serif title, brick kicker, hairline rule */
body .pvhub-sechead{border-bottom:1px solid #E0D7C3;padding-bottom:9px}
body .pvhub-sechead h2{color:#1B1712}
body .pvhub-sechead .pvhub-kicker{font-size:11px;letter-spacing:.24em}
body .pvhub-more{color:#C0391B}
body .pvhub-more:hover{color:#9E2B12}

/* ---------- 3. SCOREBOARD STRIP — squared cards, tabular figures */
body .pvhub-chip{
  background:#FFFDF8;border:1px solid #E0D7C3;border-radius:0;
  font-variant-numeric:tabular-nums}
body .pvhub-chip:hover{border-color:#C0391B}
body .pvhub-chip .lg{letter-spacing:.12em;color:#6E6557}
body .pvhub-live{color:#C0391B;font-weight:800;letter-spacing:.08em}
body .pvhub-trow .sc{color:#1B1712}

/* ---------- 4. LEAD + SIDE STORIES — squared media, serif headline */
body .pvhub-lead{background:#FFFDF8;border:1px solid #E0D7C3;border-radius:0}
body .pvhub-lead .bd{padding:18px 20px 20px}
body .pvhub-tag{color:#C0391B;letter-spacing:.14em}
body .pvhub-lead h3{color:#1B1712}
body .pvhub-dek{color:#3A322A}
body .pvhub-src{color:#6E6557}
body .pvhub-side a{border-bottom:1px solid #E0D7C3}
body .pvhub-side img{border-radius:0}
body .pvhub-side span{color:#6E6557}

/* ---------- 5. FIXTURES & RESULTS — squared match rows */
body .pvhub-day{color:#1B1712}
body .pvhub-mrow{
  background:#FFFDF8;border:1px solid #E0D7C3;border-radius:0;
  font-variant-numeric:tabular-nums}
body .pvhub-mrow:hover{border-color:#C0391B}
body .pvhub-mwhen{color:#6E6557}
body .pvhub-mvenue{color:#6E6557}
body .pvhub-door{color:#C0391B}

/* ---------- 6. TABLE — sand header band, ruled rows (A furniture) */
body .pvhub-table{background:#FFFDF8;font-variant-numeric:tabular-nums}
body .pvhub-table th{
  background:#F2E9D7;color:#1B1712;letter-spacing:.08em;
  border-bottom:1px solid #A99E8A}
body .pvhub-table td{border-bottom:1px solid #E0D7C3}
body .pvhub-f{border-radius:0}
body .pvhub-fulldoor{color:#C0391B}

/* ---------- 7. LEADERS (scorers / assists) */
body .pvhub-leaders li{border-bottom:1px solid #E0D7C3}
body .pvhub-leaders .rk{color:#C0391B}
body .pvhub-leaders .who span{color:#6E6557}
body .pvhub-leaders .val{color:#1B1712}

/* ---------- 8. BRIDGES — the sand box */
body .pvhub-bridges{background:#F2E9D7;border:1px solid #E0D7C3;border-radius:0}
body .pvhub-bridges a{border-bottom:1px solid #E0D7C3;color:#1B1712}
body .pvhub-bridges span{color:#6E6557}

/* ---------- 9. CARDS / RIVER / DOORS / CLUBS — squared furniture */
body .pvhub-card{background:#FFFDF8;border:1px solid #E0D7C3;border-radius:0}
body .pvhub-card:hover{border-color:#C0391B}
body .pvhub-card span{color:#6E6557}
body .pvhub-river a{border-bottom:1px solid #E0D7C3}
body .pvhub-river img{border-radius:0}
body .pvhub-river span{color:#6E6557}
body .pvhub-door-card{background:#FFFDF8;border:1px solid #E0D7C3;border-radius:0}
body .pvhub-door-card:hover{border-color:#C0391B}
body .pvhub-door-card span{color:#6E6557}
body .pvhub-club{background:#FFFDF8;border:1px solid #E0D7C3;border-radius:0}
body .pvhub-club:hover{border-color:#C0391B}

/* ---------- 10. PROSE (UCL / La Liga explainer blocks) */
body .pvhub-prose p{color:#3A322A;line-height:1.66}
body .pvhub-prose a{color:#C0391B}
body .pvhub-names{color:#3A322A}

/* ---------- 11. FOOTER PLATE — held 2px ink rule, serif wordmark */
body .pvhub-foot{border-top:2px solid #1B1712;color:#6E6557}
body .pvhub-foot .wm{color:#1B1712}
body .pvhub-foot .wm em{color:#C0391B}
body .pvhub-foot nav a{color:#3A322A}

/* ---------- 12. PHONE (390) — type tightening only, layout held */
@media(max-width:640px){
  body .pvhub-mast{padding:26px 0 16px}
  body .pvhub-sechead h2{font-size:23px}
  body .pvhub-lead .bd{padding:15px 16px 17px}
  body .pvhub-chip{flex-basis:236px;max-width:236px}
}