/* ==========================================================================
   DIRECTION A SKIN — CANVA WAVE 2, STATS HUB + COMPARE FRONT DOOR (2026-10-14)
   Package A "The Editorial Standard" (James picked 2026-10-14 ~09:42 PT).
   Family-scoped: linked ONLY from /sports/statistics/ and /sports/compare/.
   Presentation only — no layout structure, data, or behavior changes.
   Tokens: cream #FAF6EE · card #FFFDF8 · ink #1B1712 · brick #C0391B ·
   press red #9E2B12 · sand #F2E9D7 · hairline #E0D7C3 · dotted #A99E8A ·
   muted #6E6557 · Playfair Display/Georgia serif display + system sans.
   BOUNDARY (compare BOX is another crew's component — NOT restyled here):
   nothing in this file targets the rendered comparison outputs —
   #cmpPlayersOut / #cmpTeamsOut descendants (.st-versus, .st-dude,
   .st-cmp-table, .st-breakdown*, .st-h2h*) on the hub, or .cmp-stage
   descendants (.cmp-versus, .cmp-head, .cmp-table*, .cmp-cross,
   .cmp-medallion, .cmp-headshot) on the front door. Leader-table rules are
   scoped to the players/teams/top25 panels so the box's own .st-table
   inside the compare panel never inherits them. Popup modules
   (.stc-*, .sts-*, .stn-*, .stx-*, .sty-*) are untouched.
   ========================================================================== */

/* ================= STATS HUB (/sports/statistics/) ================= */
.st-hub{ background:#FAF6EE; color:#1B1712; }
.st-hub ::selection{ background:#F2E9D7; }

/* hero */
.st-hero .kicker{ color:#C0391B; }
.st-hero h1{ font-family:"Playfair Display",Georgia,"Times New Roman",serif; color:#1B1712; }
.st-updated{ color:#6E6557; }

/* sticky bar + league/view tabs */
.st-sticky{ background:rgba(250,246,238,.94); border-top:1px solid #E0D7C3; border-bottom:1px solid #E0D7C3; }
.st-sport{ color:#6E6557; }
.st-sport:hover{ color:#1B1712; }
.st-sport.is-active{ color:#1B1712; border-bottom-color:#C0391B; }
.st-sport:focus-visible{ outline:2px solid #C0391B; }
.st-view{ color:#6E6557; }
.st-view:hover{ color:#1B1712; }
.st-view.is-active{ color:#1B1712; border-bottom-color:#C0391B; }
.st-view:focus-visible{ outline:2px solid #C0391B; }
.st-college-menu{ border-top:1px solid #E0D7C3; }
.st-college-switch__label{ color:#6E6557; }
.st-college-sopt{ color:#6E6557; }
.st-college-sopt:hover{ color:#1B1712; }
.st-college-sopt.is-active{ color:#1B1712; border-bottom-color:#C0391B; }
.st-college-sopt:focus-visible{ outline:2px solid #C0391B; }

/* toolbar: category tabs + search */
.st-cat{ color:#6E6557; }
.st-cat:hover{ color:#1B1712; }
.st-cat.is-active{ color:#1B1712; border-bottom-color:#C0391B; }
.st-cat:focus-visible{ outline:2px solid #C0391B; }
.st-search{ background:#FFFDF8; border:1px solid #E0D7C3; border-radius:0; }
.st-search:focus-within{ border-color:#C0391B; box-shadow:0 0 0 3px rgba(192,57,27,.12); }
.st-search-ic{ color:#A99E8A; }
.st-search input{ color:#1B1712; }
.st-search input::placeholder{ color:#A99E8A; }

/* leader + team tables (players / teams / top25 panels ONLY — never the
   compare panel's box tables) */
#view-players .st-table-wrap, #view-teams .st-table-wrap, #view-top25 .st-table-wrap{
  background:#FFFDF8; border:1px solid #E0D7C3; border-radius:0; box-shadow:none;
}
#view-players .st-table thead th, #view-teams .st-table thead th, #view-top25 .st-table thead th{
  background:#FFFDF8; color:#6E6557; border-bottom:2px solid #1B1712;
}
#view-players .st-table thead th:hover, #view-teams .st-table thead th:hover{ background:#F2E9D7; color:#1B1712; }
#view-players .st-table thead th:first-child:hover, #view-teams .st-table thead th:first-child:hover,
#view-players .st-table thead th.st-pl:hover, #view-teams .st-table thead th.st-pl:hover{ background:#FFFDF8; color:#6E6557; }
#view-players .st-table thead th .arr, #view-teams .st-table thead th .arr{ color:#C0391B; }
#view-players .st-table tbody td, #view-teams .st-table tbody td, #view-top25 .st-table tbody td{
  background:#FFFDF8; border-bottom:1px solid #E0D7C3; color:#1B1712;
}
#view-players .st-table tbody tr:hover td, #view-teams .st-table tbody tr:hover td{ background:#F2E9D7; }
#view-players .st-rank, #view-teams .st-rank{ color:#A99E8A; }
#view-players tr.st-top3 .st-rank, #view-teams tr.st-top3 .st-rank{ color:#C0391B; }
#view-players tr.st-top3 td, #view-teams tr.st-top3 td{ background:#F2E9D7; }
#view-players tr.st-top3 td:first-child, #view-teams tr.st-top3 td:first-child{ box-shadow:inset 3px 0 0 #C0391B, 10px 0 16px -10px rgba(27,23,18,.18); }
#view-players tr.st-top3:hover td, #view-teams tr.st-top3:hover td{ background:#F2E9D7; }
#view-players .st-name, #view-teams .st-name{ color:#1B1712; }
#view-players .st-sub, #view-teams .st-sub{ color:#6E6557; }
#view-players .st-headshot, #view-teams .st-headshot{ background:#F2E9D7; border:1px solid #E0D7C3; }
#view-players td.st-leadcol, #view-teams td.st-leadcol{ color:#1B1712; }
.st-team-row td.st-pl .st-id img.st-logo{ background:#F2E9D7; border:1px solid #E0D7C3; border-radius:0; }
.st-note{ color:#6E6557; }

/* compare FRONT-DOOR furniture on the hub (pickers/modes/placeholder only;
   the rendered comparison in #cmpPlayersOut/#cmpTeamsOut is the box) */
.st-cmp-mode{ color:#6E6557; }
.st-cmp-mode:hover{ color:#1B1712; }
.st-cmp-mode.is-active{ color:#1B1712; border-bottom-color:#C0391B; }
.st-cmp-mode:focus-visible{ outline:2px solid #C0391B; }
.st-picker label{ color:#6E6557; }
.st-picker input, .st-select{ background:#FFFDF8; border:1px solid #E0D7C3; border-radius:0; color:#1B1712; }
.st-picker input:focus, .st-select:focus{ border-color:#C0391B; box-shadow:0 0 0 3px rgba(192,57,27,.12); }
.st-results{ background:#FFFDF8; border:1px solid #E0D7C3; border-radius:0; box-shadow:0 18px 44px rgba(27,23,18,.16); }
.st-result:hover, .st-result.is-active{ background:#F2E9D7; }
.st-result{ border-radius:0; }
.st-result img{ background:#F2E9D7; }
.st-result .nm{ color:#1B1712; }
.st-result .mt{ color:#6E6557; }
.st-pick-card{ background:#FFFDF8; border:1px solid #E0D7C3; border-radius:0; box-shadow:none; }
.st-empty{ color:#6E6557; }
.st-pick-id img{ background:#F2E9D7; border:1px solid #E0D7C3; }
.st-pick-name{ color:#1B1712; }
.st-pick-meta{ color:#6E6557; }
.st-swap{ background:#FFFDF8; border:1px solid #E0D7C3; color:#1B1712; box-shadow:none; }
.st-swap:hover{ border-color:#C0391B; color:#C0391B; }
.st-swap:focus-visible{ outline:2px solid #C0391B; }
.st-placeholder{ background:#F2E9D7; border:1px dashed #A99E8A; border-radius:0; color:#6E6557; }

/* history furniture */
.st-hist-kicker{ color:#C0391B; }
.st-hist-feat{ background:#FFFDF8; border:1px solid #E0D7C3; border-radius:0; box-shadow:none; }
.st-hist-feat h3{ font-family:"Playfair Display",Georgia,"Times New Roman",serif; color:#1B1712; }
.st-hist-feat p{ color:#6E6557; }
.st-hist-feat p b{ color:#1B1712; }
.st-hist-logobox{ background:#F2E9D7; border:1px solid #E0D7C3; border-radius:0; }
.st-champs{ background:#FFFDF8; border:1px solid #E0D7C3; border-radius:0; box-shadow:none; }
.st-champs-table th{ background:#FFFDF8; color:#6E6557; border-bottom:2px solid #1B1712; }
.st-champs-table td{ background:#FFFDF8; border-bottom:1px solid #E0D7C3; color:#1B1712; }
.st-champs-table tbody tr:hover td{ background:#F2E9D7; }
.st-champ-logobox{ background:#F2E9D7; border:1px solid #E0D7C3; border-radius:0; }
.st-champ-name{ color:#1B1712; }
td.st-champ-runner .st-champ-name{ color:#6E6557; }
.st-champ-event{ color:#6E6557; }
.st-champ-mvp{ color:#6E6557; }
.st-champ-none{ color:#A99E8A; }

/* top 25 furniture */
.st-t25-weeks{ border-bottom:1px solid #E0D7C3; }
.st-t25-week{ color:#6E6557; }
.st-t25-week:hover{ color:#1B1712; }
.st-t25-week.is-active{ color:#1B1712; border-bottom-color:#C0391B; }
.st-t25-week:focus-visible{ outline:2px solid #C0391B; }
.st-t25-pollhead h3{ font-family:"Playfair Display",Georgia,"Times New Roman",serif; color:#1B1712; }
.st-t25-pollhead p{ color:#6E6557; }

/* FIBA furniture */
.st-fiba-kicker{ color:#C0391B; }
.st-fiba-title{ font-family:"Playfair Display",Georgia,"Times New Roman",serif; color:#1B1712; }
.st-fiba-sub{ color:#6E6557; }
.st-fiba-gbtn, .st-fiba-vbtn{ color:#6E6557; }
.st-fiba-gbtn:hover, .st-fiba-vbtn:hover{ color:#1B1712; }
.st-fiba-gbtn.is-active, .st-fiba-vbtn.is-active{ color:#1B1712; border-bottom-color:#C0391B; }
.st-fiba-h, .st-fiba-h4{ color:#1B1712; }
.st-fiba-count-n{ color:#C0391B; }
.st-fiba-tchip{ border:1px solid #E0D7C3; color:#6E6557; }
.st-fiba-tchip:hover{ color:#1B1712; }
.st-fiba-tchip.is-active{ background:#1B1712; border-color:#1B1712; color:#FAF6EE; }
.st-fiba-fx-usa .st-fiba-fx-g{ color:#C0391B; }
.st-fiba-note a{ color:#C0391B; }

/* skeleton / error states */
.st-skel span{ border-radius:0; border:1px solid #E0D7C3; background:linear-gradient(90deg,#F2E9D7 25%,#FFFDF8 50%,#F2E9D7 75%); background-size:200% 100%; }
.st-error{ background:#FFFDF8; border:1px dashed #A99E8A; border-radius:0; color:#6E6557; }

/* ================= COMPARE FRONT DOOR (/sports/compare/) ================= */
/* All rules scoped under .cmp-main / .cmp-topbar / .cmp-footer, which exist
   only on the front door. The stage's rendered comparison (the box) is not
   targeted — only the stage container frame and the empty-state placeholder. */
body{ background:#FAF6EE; }
.cmp-topbar{ background:#FAF6EE; border-bottom:1px solid #E0D7C3; }
.cmp-brand{ font-family:"Playfair Display",Georgia,"Times New Roman",serif; font-weight:700; color:#1B1712; }
.cmp-brand-sub{ color:#6E6557; }
.cmp-topnav a{ color:#6E6557; }
.cmp-topnav a:hover{ color:#C0391B; }
.cmp-intro h1{ font-family:"Playfair Display",Georgia,"Times New Roman",serif; color:#1B1712; letter-spacing:-.01em; }
.cmp-dek{ color:#3A322A; }
.cmp-picker{ background:#FFFDF8; border:1px solid #E0D7C3; border-radius:0; box-shadow:none; }
.cmp-picker-label{ color:#C0391B; }
.cmp-search{ background:#FFFDF8; border:1px solid #E0D7C3; border-radius:0; color:#1B1712; }
.cmp-search:focus{ outline:2px solid #C0391B; border-color:#C0391B; }
.cmp-results{ background:#FFFDF8; border:1px solid #E0D7C3; border-radius:0; box-shadow:0 18px 44px rgba(27,23,18,.16); }
.cmp-result{ border-radius:0; }
.cmp-result:hover, .cmp-result.is-active{ background:#F2E9D7; }
.cmp-result-name{ color:#1B1712; }
.cmp-result-meta{ color:#6E6557; }
.cmp-empty-pick, .cmp-loading-pick{ color:#6E6557; }
.cmp-pick-name{ color:#1B1712; }
.cmp-pick-meta{ color:#6E6557; }
.cmp-medallion-sm{ background:#1B1712; color:#FAF6EE; }
.cmp-swap{ background:#FFFDF8; border:1px solid #E0D7C3; color:#1B1712; box-shadow:none; }
.cmp-swap:hover, .cmp-swap:focus-visible{ background:#1B1712; color:#FAF6EE; }
.cmp-stage{ background:#FFFDF8; border:1px solid #E0D7C3; border-radius:0; box-shadow:none; }
.cmp-placeholder-title{ font-family:"Playfair Display",Georgia,"Times New Roman",serif; color:#1B1712; }
.cmp-placeholder-sub{ color:#6E6557; }
.cmp-copy{ background:#1B1712; color:#FAF6EE; border-radius:0; }
.cmp-copy:hover, .cmp-copy:focus-visible{ background:#C0391B; }
.cmp-copy-note{ color:#C0391B; }
.cmp-footer{ color:#6E6557; }
.cmp-footer a{ color:#C0391B; }