/* ==========================================================================
   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 #000000 · card #101010 · ink #A5ACAF · brick #FFFFFF ·
   press red #6E7478 · sand #1B1B1B · hairline #2C2C2C · dotted #7E858B ·
   muted #8C9399 · 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:#000000; color:#A5ACAF; }
.st-hub ::selection{ background:#FFFFFF; color:#000000; }

/* hero */
.st-hero .kicker{ color:#FFFFFF; }
.st-hero h1{ font-family:'Previously Display',Georgia,'Times New Roman',serif; color:#A5ACAF; }
.st-updated{ color:#8C9399; }

/* sticky bar + league/view tabs */
.st-sticky{ background:rgba(0,0,0,.94); border-top:1px solid #2C2C2C; border-bottom:1px solid #2C2C2C; }
.st-sport{ color:#8C9399; }
.st-sport:hover{ color:#A5ACAF; }
.st-sport.is-active{ color:#A5ACAF; border-bottom-color:#FFFFFF; }
.st-sport:focus-visible{ outline:2px solid #FFFFFF; }
.st-view{ color:#8C9399; }
.st-view:hover{ color:#A5ACAF; }
.st-view.is-active{ color:#A5ACAF; border-bottom-color:#FFFFFF; }
.st-view:focus-visible{ outline:2px solid #FFFFFF; }
.st-college-menu{ border-top:1px solid #2C2C2C; }
.st-college-switch__label{ color:#8C9399; }
.st-college-sopt{ color:#8C9399; }
.st-college-sopt:hover{ color:#A5ACAF; }
.st-college-sopt.is-active{ color:#A5ACAF; border-bottom-color:#FFFFFF; }
.st-college-sopt:focus-visible{ outline:2px solid #FFFFFF; }

/* toolbar: category tabs + search */
.st-cat{ color:#8C9399; }
.st-cat:hover{ color:#A5ACAF; }
.st-cat.is-active{ color:#A5ACAF; border-bottom-color:#FFFFFF; }
.st-cat:focus-visible{ outline:2px solid #FFFFFF; }
.st-search{ background:#101010; border:1px solid #2C2C2C; border-radius:0; }
.st-search:focus-within{ border-color:#FFFFFF; box-shadow:0 0 0 3px rgba(255,255,255,.12); }
.st-search-ic{ color:#7E858B; }
.st-search input{ color:#A5ACAF; }
.st-search input::placeholder{ color:#7E858B; }

/* 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:#101010; border:1px solid #2C2C2C; 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:#101010; color:#8C9399; border-bottom:2px solid #FFFFFF;
}
#view-players .st-table thead th:hover, #view-teams .st-table thead th:hover{ background:#1B1B1B; color:#A5ACAF; }
#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:#101010; color:#8C9399; }
#view-players .st-table thead th .arr, #view-teams .st-table thead th .arr{ color:#FFFFFF; }
#view-players .st-table tbody td, #view-teams .st-table tbody td, #view-top25 .st-table tbody td{
  background:#101010; border-bottom:1px solid #2C2C2C; color:#A5ACAF;
}
#view-players .st-table tbody tr:hover td, #view-teams .st-table tbody tr:hover td{ background:#1B1B1B; }
#view-players .st-rank, #view-teams .st-rank{ color:#7E858B; }
#view-players tr.st-top3 .st-rank, #view-teams tr.st-top3 .st-rank{ color:#FFFFFF; }
#view-players tr.st-top3 td, #view-teams tr.st-top3 td{ background:#1B1B1B; }
#view-players tr.st-top3 td:first-child, #view-teams tr.st-top3 td:first-child{ box-shadow:inset 3px 0 0 #FFFFFF, 10px 0 16px -10px rgba(0,0,0,.18); }
#view-players tr.st-top3:hover td, #view-teams tr.st-top3:hover td{ background:#1B1B1B; }
#view-players .st-name, #view-teams .st-name{ color:#A5ACAF; }
#view-players .st-sub, #view-teams .st-sub{ color:#8C9399; }
#view-players .st-headshot, #view-teams .st-headshot{ background:#1B1B1B; border:1px solid #2C2C2C; }
#view-players td.st-leadcol, #view-teams td.st-leadcol{ color:#A5ACAF; }
.st-team-row td.st-pl .st-id img.st-logo{ background:#1B1B1B; border:1px solid #2C2C2C; border-radius:0; }
.st-note{ color:#8C9399; }

/* compare FRONT-DOOR furniture on the hub (pickers/modes/placeholder only;
   the rendered comparison in #cmpPlayersOut/#cmpTeamsOut is the box) */
.st-cmp-mode{ color:#8C9399; }
.st-cmp-mode:hover{ color:#A5ACAF; }
.st-cmp-mode.is-active{ color:#A5ACAF; border-bottom-color:#FFFFFF; }
.st-cmp-mode:focus-visible{ outline:2px solid #FFFFFF; }
.st-picker label{ color:#8C9399; }
.st-picker input, .st-select{ background:#101010; border:1px solid #2C2C2C; border-radius:0; color:#A5ACAF; }
.st-picker input:focus, .st-select:focus{ border-color:#FFFFFF; box-shadow:0 0 0 3px rgba(255,255,255,.12); }
.st-results{ background:#101010; border:1px solid #2C2C2C; border-radius:0; box-shadow:0 18px 44px rgba(0,0,0,.16); }
.st-result:hover, .st-result.is-active{ background:#1B1B1B; }
.st-result{ border-radius:0; }
.st-result img{ background:#1B1B1B; }
.st-result .nm{ color:#A5ACAF; }
.st-result .mt{ color:#8C9399; }
.st-pick-card{ background:#101010; border:1px solid #2C2C2C; border-radius:0; box-shadow:none; }
.st-empty{ color:#8C9399; }
.st-pick-id img{ background:#1B1B1B; border:1px solid #2C2C2C; }
.st-pick-name{ color:#A5ACAF; }
.st-pick-meta{ color:#8C9399; }
.st-swap{ background:#101010; border:1px solid #2C2C2C; color:#A5ACAF; box-shadow:none; }
.st-swap:hover{ border-color:#FFFFFF; color:#FFFFFF; }
.st-swap:focus-visible{ outline:2px solid #FFFFFF; }
.st-placeholder{ background:#1B1B1B; border:1px dashed #2C2C2C; border-radius:0; color:#8C9399; }

/* history furniture */
.st-hist-kicker{ color:#FFFFFF; }
.st-hist-feat{ background:#101010; border:1px solid #2C2C2C; border-radius:0; box-shadow:none; }
.st-hist-feat h3{ font-family:'Previously Display',Georgia,'Times New Roman',serif; color:#A5ACAF; }
.st-hist-feat p{ color:#8C9399; }
.st-hist-feat p b{ color:#A5ACAF; }
.st-hist-logobox{ background:#1B1B1B; border:1px solid #2C2C2C; border-radius:0; }
.st-champs{ background:#101010; border:1px solid #2C2C2C; border-radius:0; box-shadow:none; }
.st-champs-table th{ background:#101010; color:#8C9399; border-bottom:2px solid #FFFFFF; }
.st-champs-table td{ background:#101010; border-bottom:1px solid #2C2C2C; color:#A5ACAF; }
.st-champs-table tbody tr:hover td{ background:#1B1B1B; }
.st-champ-logobox{ background:#1B1B1B; border:1px solid #2C2C2C; border-radius:0; }
.st-champ-name{ color:#A5ACAF; }
td.st-champ-runner .st-champ-name{ color:#8C9399; }
.st-champ-event{ color:#8C9399; }
.st-champ-mvp{ color:#8C9399; }
.st-champ-none{ color:#7E858B; }

/* top 25 furniture */
.st-t25-weeks{ border-bottom:1px solid #2C2C2C; }
.st-t25-week{ color:#8C9399; }
.st-t25-week:hover{ color:#A5ACAF; }
.st-t25-week.is-active{ color:#A5ACAF; border-bottom-color:#FFFFFF; }
.st-t25-week:focus-visible{ outline:2px solid #FFFFFF; }
.st-t25-pollhead h3{ font-family:'Previously Display',Georgia,'Times New Roman',serif; color:#A5ACAF; }
.st-t25-pollhead p{ color:#8C9399; }

/* FIBA furniture */
.st-fiba-kicker{ color:#FFFFFF; }
.st-fiba-title{ font-family:'Previously Display',Georgia,'Times New Roman',serif; color:#A5ACAF; }
.st-fiba-sub{ color:#8C9399; }
.st-fiba-gbtn, .st-fiba-vbtn{ color:#8C9399; }
.st-fiba-gbtn:hover, .st-fiba-vbtn:hover{ color:#A5ACAF; }
.st-fiba-gbtn.is-active, .st-fiba-vbtn.is-active{ color:#A5ACAF; border-bottom-color:#FFFFFF; }
.st-fiba-h, .st-fiba-h4{ color:#A5ACAF; }
.st-fiba-count-n{ color:#FFFFFF; }
.st-fiba-tchip{ border:1px solid #2C2C2C; color:#8C9399; }
.st-fiba-tchip:hover{ color:#A5ACAF; }
.st-fiba-tchip.is-active{ background:#FFFFFF; border-color:#FFFFFF; color:#000000; }
.st-fiba-fx-usa .st-fiba-fx-g{ color:#FFFFFF; }
.st-fiba-note a{ color:#D7DBDD; }

/* skeleton / error states */
.st-skel span{ border-radius:0; border:1px solid #2C2C2C; background:linear-gradient(90deg,#1B1B1B 25%,#101010 50%,#1B1B1B 75%); background-size:200% 100%; }
.st-error{ background:#101010; border:1px dashed #2C2C2C; border-radius:0; color:#8C9399; }

/* ================= 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:#000000; }
.cmp-topbar{ background:#000000; border-bottom:1px solid #2C2C2C; }
.cmp-brand{ font-family:'Previously Display',Georgia,'Times New Roman',serif; font-weight:700; color:#A5ACAF; }
.cmp-brand-sub{ color:#8C9399; }
.cmp-topnav a{ color:#8C9399; }
.cmp-topnav a:hover{ color:#FFFFFF; }
.cmp-intro h1{ font-family:'Previously Display',Georgia,'Times New Roman',serif; color:#A5ACAF; letter-spacing:-.01em; }
.cmp-dek{ color:#959DA2; }
.cmp-picker{ background:#101010; border:1px solid #2C2C2C; border-radius:0; box-shadow:none; }
.cmp-picker-label{ color:#FFFFFF; }
.cmp-search{ background:#101010; border:1px solid #2C2C2C; border-radius:0; color:#A5ACAF; }
.cmp-search:focus{ outline:2px solid #FFFFFF; border-color:#FFFFFF; }
.cmp-results{ background:#101010; border:1px solid #2C2C2C; border-radius:0; box-shadow:0 18px 44px rgba(0,0,0,.16); }
.cmp-result{ border-radius:0; }
.cmp-result:hover, .cmp-result.is-active{ background:#1B1B1B; }
.cmp-result-name{ color:#A5ACAF; }
.cmp-result-meta{ color:#8C9399; }
.cmp-empty-pick, .cmp-loading-pick{ color:#8C9399; }
.cmp-pick-name{ color:#A5ACAF; }
.cmp-pick-meta{ color:#8C9399; }
.cmp-medallion-sm{ background:#FFFFFF; color:#000000; }
.cmp-swap{ background:#101010; border:1px solid #2C2C2C; color:#A5ACAF; box-shadow:none; }
.cmp-swap:hover, .cmp-swap:focus-visible{ background:#FFFFFF; color:#000000; }
.cmp-stage{ background:#101010; border:1px solid #2C2C2C; border-radius:0; box-shadow:none; }
.cmp-placeholder-title{ font-family:'Previously Display',Georgia,'Times New Roman',serif; color:#A5ACAF; }
.cmp-placeholder-sub{ color:#8C9399; }
.cmp-copy{ background:#FFFFFF; color:#000000; border-radius:0; }
.cmp-copy:hover, .cmp-copy:focus-visible{ background:#6E7478; color:#FFFFFF; }
.cmp-copy-note{ color:#D7DBDD; }
.cmp-footer{ color:#8C9399; }
.cmp-footer a{ color:#FFFFFF; }

/* STATSLEG 2026-10-17: Marathon titles carry weight 400 only (the
   face has no bold — 700/800 would synthesize); white-fill chips
   -> house treatment. Shared with /sports/compare/. */
.st-hero h1, .st-hist-feat h3, .st-t25-pollhead h3, .st-fiba-title,
.cmp-brand, .cmp-intro h1, .cmp-placeholder-title {
  font-weight: 400; font-style: normal;
}
.st-fiba-tchip.is-active { background: #1B1B1B; border-color: #E10600; color: #FFFFFF; }
.cmp-medallion-sm { background: #1B1B1B; color: #FFFFFF; box-shadow: inset 0 0 0 1px #2C2C2C; }
.cmp-copy { background: #E10600; color: #FFFFFF; }