/* cpt-match-season.css — net-new rules for the MATCH single, SEASON hub and the
   COMPARE page that are NOT already in site.css.

   site.css is the shared design system and carries every .ent-* / .md-* / .mh-* /
   .ss-* / .cmp-* / .result / .tip-band class these templates reuse. The ONLY gap
   is the two-column leaderboard block on /season: the static build-season.js
   injected it as an inline <style> (its `LEAD_CSS`); the CPT season template
   renders the same .ss-2col / .ss-lead / .ss-lead-h markup but injects no inline
   style, so the rules live here verbatim. Everything else the match / season /
   compare pages need (.md-*, .mh-*, .tip-band, .ss-sup-*, .ss-finals, .ss-results,
   .ss-fix, .result, .cmp-*) is already in site.css. Editorial prose under the blob
   reuses the shared `.entry .prose` classes (as the sibling player/club templates
   do), so no rule for it is needed here.

   Enqueued by A7 (functions.php) on:
     is_singular( array( 'tpg_match', 'tpg_season' ) ) ||
     is_page_template( 'page-compare.php' )
   AFTER site.css so it can rely on the shared CSS variables (--gold/--cream/--line…).
   No other agent edits this file; no rules here duplicate site.css. */

/* ---- /season · "The races" two-column leaderboards (was build-season.js LEAD_CSS) ---- */
.ss-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.ss-lead-h { font-family: var(--font-display); font-weight: 600; text-transform: uppercase; letter-spacing: .08em; font-size: .8rem; color: var(--gold); margin: 0 0 6px; }
.ss-lead { list-style: none; margin: 0; padding: 0; }
.ss-lead li { display: flex; align-items: center; gap: 10px; padding: 8px 2px; border-top: 1px solid var(--line); font-size: .95rem; }
.ss-lead li:first-child { border-top: 0; }
.ss-lead .rk { color: #7c8a9a; width: 18px; text-align: right; font-variant-numeric: tabular-nums; flex: none; }
.ss-lead .nm { color: var(--cream); font-weight: 600; flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ss-lead .nm a { color: inherit; }
.ss-lead .nm a:hover { color: var(--gold); }
.ss-lead .cl { color: #7c8a9a; font-weight: 400; font-size: .82em; }
.ss-lead .v { font-family: var(--font-display); font-weight: 600; color: var(--gold); font-size: 1.08rem; flex: none; }
@media (max-width: 600px) { .ss-2col { grid-template-columns: 1fr; gap: 22px; } }