/* WTWR_PUBLIC_EXCHANGE_RESULTS_V1 */
#results{display:none!important}
/* WTWR_WIDTH_ALIGN_20260913: margin matches .why (index.html) exactly --
   was an independent max-width:1180px;margin:0 auto scheme unrelated to
   the other main sections. Left/right padding removed (was 20px) -- that
   extra inset was on top of the margin fix, still leaving .wpr-title and
   every race card 20px narrower than DETAILED FILTERS on each side, since
   neither has any horizontal margin of its own. Top/bottom padding
   (30px/70px) and the mobile override at 650px below are both untouched --
   only this rule's horizontal padding changes. Card internals unchanged. */
/* WTWR_SECTION_SPACING_20260913: top padding was 30px; now 15px so the
   gap above this section (from DETAILED FILTERS, which now has 0 bottom
   margin) matches the race-card reference gap exactly. Bottom padding
   (70px) and everything else in this rule are unchanged. */
#wtwrPublicExchangeResultsV1{margin:0 50px 22px;padding:15px 0 70px;color:#f4f7fb}
#wtwrPublicExchangeResultsV1 *{box-sizing:border-box}
#wtwrPublicExchangeResultsV1 .wpr-title{padding:18px;margin-bottom:16px;border:1px solid rgba(88,169,255,.35);border-radius:13px;background:#091522}
#wtwrPublicExchangeResultsV1 .wpr-eyebrow{font-size:9px;font-weight:950;letter-spacing:.11em;color:#58a9ff}
#wtwrPublicExchangeResultsV1 .wpr-title h1{margin:5px 0 4px;font-size:26px}
#wtwrPublicExchangeResultsV1 .wpr-title p{margin:0;max-width:900px;font-size:10px;line-height:1.55;color:#8e9bab}
#wtwrPublicExchangeResultsV1 .wpr-summary{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
#wtwrPublicExchangeResultsV1 .wpr-summary span{padding:6px 9px;border-radius:7px;background:rgba(255,255,255,.06);font-size:9px;font-weight:900}
#wtwrPublicExchangeResultsV1 [data-wpr-loading]{padding:18px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#091522;font-size:12px}
#wtwrPublicExchangeResultsV1 .wpr-race{padding:14px;margin-bottom:15px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:#091522}
#wtwrPublicExchangeResultsV1 .wpr-race-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
#wtwrPublicExchangeResultsV1 .wpr-time{min-width:58px;font-size:18px;font-weight:950}
#wtwrPublicExchangeResultsV1 .wpr-race-copy h2{margin:0;font-size:16px}
#wtwrPublicExchangeResultsV1 .wpr-race-copy p{margin:2px 0 0;font-size:9px;color:#8e9bab}
/* WTWR_FINISH_POSITION_DISPLAY_20260914: real places count, top of the
   card, computed server-side from the race's actual runner count. */
#wtwrPublicExchangeResultsV1 .wpr-places{font-size:8px;font-weight:950;letter-spacing:.06em;padding:4px 8px;border-radius:6px;background:rgba(255,255,255,.08);color:#8e9bab;white-space:nowrap}
#wtwrPublicExchangeResultsV1 .wpr-race-no{margin-left:auto;font-size:8px;font-weight:950;opacity:.35}
#wtwrPublicExchangeResultsV1 .wpr-picks{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#wtwrPublicExchangeResultsV1 .wpr-pick{min-width:0;padding:12px;border:1px solid color-mix(in srgb,var(--pc) 42%,transparent);border-radius:11px;background:rgba(255,255,255,.018)}
#wtwrPublicExchangeResultsV1 .wpr-horse-head{display:flex;gap:10px;align-items:flex-start;margin-bottom:11px}
#wtwrPublicExchangeResultsV1 .wpr-pickno{font-size:8px;font-weight:950;letter-spacing:.08em;color:var(--pc)}
#wtwrPublicExchangeResultsV1 .wpr-horse-head h3{margin:3px 0 2px;font-size:18px;color:var(--pc)}
/* WTWR_COLOUR_LABEL_FIX_20260913: same var(--pc) approach already used
   for .wpr-pickno (PICK 1/PICK 2) and the horse name above -- was plain
   inherited text colour at reduced opacity regardless of actual colour.
   BLACK needs no special case: colour() already maps it to #d5dae3 (light
   slate-grey), not true black -- var(--pc) picks that up automatically. */
#wtwrPublicExchangeResultsV1 .wpr-colour{font-size:8px;font-weight:900;color:var(--pc);opacity:.85}
/* WTWR_BADGE_COLOURS_20260913: 1ST already red/white -- unchanged.
   WTWR_FINISH_POSITION_DISPLAY_20260914: the badge now shows the real
   finishing position (see wtwr-public-exchange-results-v1.js badgeLabel())
   instead of a fixed 2ND/3RD/LOST label, so .second/.third/.lost are dead
   (nothing emits those classes any more) -- replaced by .placed (any
   in-frame position, 2nd up to the race's real places count -- same
   green/white as the old 2ND/3RD) and .plain (a genuine position outside
   the frame: real number shown, no colour styling, same neutral look the
   old .lost had). .unknown covers non-finishes (Pulled Up, Fell, Result
   Pending, ...) with that same neutral look. .void is new -- VOID results
   (e.g. an abandoned race) previously had no explicit styling at all. */
/* WTWR_RESULT_STATUS_SHARED_V1 (2026-09-19): .first/.placed colour rules
   removed from here -- now owned by wtwr-result-status-shared-v1.css's
   .wtwr-rstat-1st/-2nd/-3rd/-placed classes, which badgeLabel() in
   wtwr-public-exchange-results-v1.js emits directly. This rule stays as
   the shape-only base (no colour). */
#wtwrPublicExchangeResultsV1 .wpr-result{margin-left:auto;min-width:56px;text-align:center;padding:7px 8px;border-radius:7px;font-size:11px;font-weight:950}
#wtwrPublicExchangeResultsV1 .wpr-result.plain{background:#222b36;color:#aeb6c0}
#wtwrPublicExchangeResultsV1 .wpr-result.unknown{background:#222b36;color:#aeb6c0}
#wtwrPublicExchangeResultsV1 .wpr-result.nr{background:#7e8792;color:#fff}
#wtwrPublicExchangeResultsV1 .wpr-result.void{background:#3a3f4a;color:#c8ced8}
/* WTWR_FINISH_POSITION_DISPLAY_20260914: compact finishing-order strip,
   once per race card, under both picks. Same red-for-1st/green-for-placed
   convention as the pick badges above, at a smaller scale. */
/* WTWR_FINISH_STRIP_LABEL_20260914: label added above the strip so it
   reads unambiguously as "the actual race result", distinct from the
   PICK 1/PICK 2 badges above it. .wpr-finish-strip now wraps a label plus
   an items row instead of being the flex row itself. */
#wtwrPublicExchangeResultsV1 .wpr-finish-strip{margin-top:11px;padding-top:11px;border-top:1px solid rgba(255,255,255,.08)}
#wtwrPublicExchangeResultsV1 .wpr-finish-label{display:block;font-size:8px;font-weight:950;letter-spacing:.1em;color:#58a9ff;margin-bottom:7px}
/* WTWR_FINISH_ITEMS_CENTER_20260914: was left-aligned by default, which
   read as though the strip belonged only to Pick 1's side of the card
   rather than sitting balanced under both picks. */
#wtwrPublicExchangeResultsV1 .wpr-finish-items{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
#wtwrPublicExchangeResultsV1 .wpr-finish-item{display:flex;align-items:center;gap:5px;padding:4px 8px 4px 4px;border-radius:6px;font-size:9px;font-weight:800;background:rgba(255,255,255,.04);color:#c7cfda}
/* WTWR_RESULT_STATUS_SHARED_V1 (2026-09-19): .first/.placed b colour
   rules removed -- finishStrip() now puts the shared wtwr-rstat-* class
   directly on the <b>, which this shape-only rule still targets. */
#wtwrPublicExchangeResultsV1 .wpr-finish-item b{padding:3px 5px;border-radius:4px;font-size:8px;font-weight:950}
/* WTWR_EXCHANGE_LADDER_REMOVED_20260913: .wpr-market-head/.wpr-grid/
   .wpr-divider/.wpr-cell and its variants/.wpr-no-price all styled the removed
   EXCHANGE RESULT/BACK/LAY block -- the HTML that used these classes no
   longer exists (see wtwr-public-exchange-results-v1.js), so these rules
   are dead. Removed rather than left orphaned. */
@media(max-width:800px){#wtwrPublicExchangeResultsV1 .wpr-picks{grid-template-columns:1fr}}
@media(max-width:650px){#wtwrPublicExchangeResultsV1{padding:20px 10px 50px}}
