/*
 * whynba redesign layer (owner-approved 2026-10-19; spec: docs/redesign/DESIGN-OPTIONS.md option A + scoreboard from B).
 * Loads after every theme stylesheet (inc/redesign.php) and only applies under body.wn-rd, so removing the class
 * (option wn_redesign_off=1) restores the previous design. Colours and sizes come from tokens.css (--wn-*).
 */

/* 1. Palette remap: the existing component variables now point at the new tokens. */
body.wn-rd{--iv-paper:var(--wn-surface);--iv-ink:var(--wn-text);--iv-court:var(--wn-surface-band);--iv-lime:var(--wn-text-signal);--iv-line:var(--wn-border-subtle);--iv-muted:var(--wn-text-muted)}
body.wn-rd .home-v2{--hv-line:var(--wn-border-subtle);--hv-ink:var(--wn-text);--hv-muted:var(--wn-text-muted);--hv-dark:var(--wn-surface-band);--hv-lime:var(--wn-text-signal)}
body.wn-rd .editorial-news{--en-ink:var(--wn-text);--en-line:var(--wn-border-subtle);--en-green:var(--wn-text-label)}
body.wn-rd .wn-magazine{--mag-ink:var(--wn-text);--mag-muted:var(--wn-text-muted);--mag-line:var(--wn-border-subtle);--mag-accent:var(--wn-text-label);--mag-paper:var(--wn-surface);background:var(--wn-surface)}

/* 2. Base type and colour */
body.wn-rd{background:var(--wn-surface);color:var(--wn-text);font-family:var(--wn-font-display);font-stretch:100%}
body.wn-rd h1,body.wn-rd .page-heading h1{font-family:var(--wn-font-display);font-stretch:62%;font-weight:850;letter-spacing:-.005em;line-height:.98;color:var(--wn-text)}
body.wn-rd main h2{font-family:var(--wn-font-display);font-stretch:75%;font-weight:800;letter-spacing:0;color:var(--wn-text)}
body.wn-rd a{color:inherit}
body.wn-rd :focus-visible{outline:3px solid var(--wn-focus);outline-offset:3px}
body.wn-rd .button.lime,body.wn-rd .button.dark{background:var(--wn-text);color:#fff;border-radius:var(--wn-radius-control);font-family:var(--wn-font-display);font-weight:700;letter-spacing:0;text-transform:none;min-height:var(--wn-touch-target)}
body.wn-rd .button.lime:hover,body.wn-rd .button.dark:hover{background:var(--wn-text-label);color:#fff}
body.wn-rd .button.lime svg,body.wn-rd .button.dark svg{color:currentColor}
body.wn-rd .breadcrumbs{font-family:var(--wn-font-display);font-size:14px;color:var(--wn-text-muted)}

/* 3. Utility bar, masthead, sub-navigation */
body.wn-rd .utility{background:var(--wn-surface-band);color:var(--wn-text-on-band);border:0}
body.wn-rd .utility .wrap{font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;min-height:40px;height:auto}
body.wn-rd .utility a,body.wn-rd .utility span{color:var(--wn-text-on-band);letter-spacing:0;text-transform:none}
body.wn-rd .utility .wn-next-tip{color:var(--wn-text-signal);font-weight:700}
body.wn-rd .utility-dot{background:var(--wn-text-on-band-muted)}
body.wn-rd .site-header{background:var(--wn-surface);border-bottom:0;box-shadow:none}
body.wn-rd .masthead{border-bottom:4px solid var(--wn-border-strong);min-height:84px}
body.wn-rd .brand{font-family:var(--wn-font-display);font-stretch:62%;font-weight:900;font-size:52px;line-height:.9;letter-spacing:-.01em;color:var(--wn-text);text-transform:none}
body.wn-rd .brand span{color:var(--wn-text)}
body.wn-rd .brand i{color:var(--wn-text-label);font-style:normal}
body.wn-rd .footer-top .brand{font-size:44px}
body.wn-rd .primary-nav a{font-family:var(--wn-font-display);font-size:16px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--wn-text)}
body.wn-rd .primary-nav a[aria-current]{box-shadow:inset 0 -3px 0 var(--wn-text-label);color:var(--wn-text)}
body.wn-rd .primary-nav a:hover{color:var(--wn-text-label)}
body.wn-rd .header-actions .button.lime{background:transparent;color:var(--wn-text);border:2px solid var(--wn-text);padding:8px 16px}
body.wn-rd .header-actions .button.lime:hover{background:var(--wn-text);color:#fff}
body.wn-rd .icon-button{color:var(--wn-text)}
body.wn-rd .subnav{background:var(--wn-surface);border-bottom:1px solid var(--wn-border-subtle)}
body.wn-rd .subnav a{font-family:var(--wn-font-display);font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--wn-text-secondary)}
body.wn-rd .subnav a:hover,body.wn-rd .subnav a[aria-current]{color:var(--wn-text-label)}
body.wn-rd .subnav .wrap>span,body.wn-rd .subnav .wrap>em{display:none}
body.wn-rd .site-search{background:var(--wn-surface)}

/* 4. Score strip (inner pages and the home page): compact cells separated by rules */
body.wn-rd .game-overview-strip{background:var(--wn-surface);border-bottom:1px solid var(--wn-border-subtle);padding:0}
body.wn-rd .game-overview-strip .overview-heading{padding:10px 0 4px}
body.wn-rd .game-overview-strip .overview-heading h2{font-size:17px;font-stretch:75%}
body.wn-rd .game-overview-strip .overview-games{gap:0}
body.wn-rd .game-overview-strip .overview-card{background:transparent;border:0;border-right:1px solid var(--wn-border-subtle);border-radius:0;box-shadow:none;padding:8px 18px 10px;min-width:170px}
body.wn-rd .game-overview-strip li:first-child .overview-card{padding-left:0}
body.wn-rd .game-overview-strip .overview-card h3{font-family:var(--wn-font-display);font-size:15px;font-weight:700;line-height:1.25;margin:2px 0}
body.wn-rd .game-overview-strip .overview-state{color:var(--wn-text-label);font-size:12px;font-weight:700;letter-spacing:0;text-transform:none}
body.wn-rd .game-overview-strip .overview-score{font-family:var(--wn-font-display);font-stretch:62%;font-weight:850;font-size:24px;font-variant-numeric:tabular-nums}
body.wn-rd .game-overview-strip time{font-size:13px;color:var(--wn-text-muted)}
body.wn-rd .game-overview-strip .overview-stage{display:none}
/* Label cell on the left (title, link, time zone), games scrolling on the right: one row, like a broadcast ticker. */
body.wn-rd .game-overview-strip>.wrap{display:grid;grid-template-columns:190px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:8px;align-items:start}
body.wn-rd .game-overview-strip .overview-heading{grid-column:1;grid-row:1;flex-direction:column;align-items:flex-start;gap:0;padding:10px 0 0}
body.wn-rd .game-overview-strip .game-time-preference{grid-column:1;grid-row:2}
body.wn-rd .game-overview-strip .overview-notice{grid-column:1/-1}
body.wn-rd .game-overview-strip .overview-scroll{grid-column:2;grid-row:1/4;border-left:1px solid var(--wn-border-subtle);padding:0}
body.wn-rd .game-overview-strip .overview-games>li{flex:0 0 205px}
body.wn-rd .game-overview-strip li:first-child .overview-card{padding-left:18px}
body.wn-rd .game-overview-strip .overview-card h3 a{min-height:0}
body.wn-rd .game-overview-strip .overview-heading a{font-size:14px;color:var(--wn-text-label);min-height:32px}
body.wn-rd .article-games{background:var(--wn-navy-50);border-bottom-color:var(--wn-border-subtle);color:var(--wn-text)}
body.wn-rd .article-games>summary::marker{color:var(--wn-text-label)}
@media (max-width:700px){
  body.wn-rd .game-overview-strip>.wrap{grid-template-columns:minmax(0,1fr)}
  body.wn-rd .game-overview-strip .overview-scroll{grid-column:1;grid-row:auto;border-left:0}
  body.wn-rd .game-overview-strip .overview-heading{flex-direction:row;align-items:center;justify-content:space-between;width:100%}
}

/* 5. Home: news edition (lead + latest rail, sections in three columns) */
body.wn-rd .editorial-news{margin-top:20px}
body.wn-rd .en-heading{border-bottom:0;margin-bottom:6px;padding-bottom:0}
body.wn-rd .en-heading h1,body.wn-rd .en-heading h2{font-size:clamp(30px,3vw,40px);font-stretch:62%}
body.wn-rd .en-heading>span{color:var(--wn-text-muted);font-size:14px}
body.wn-rd .en-layout{grid-template-columns:minmax(0,1fr) var(--wn-rail);grid-template-areas:"left left" "lead headlines" "packages packages";column-gap:48px;row-gap:28px}
body.wn-rd .en-left{padding:0;border-bottom:1px solid var(--wn-border-subtle)}
body.wn-rd .en-left>h2,body.wn-rd .en-quick{display:none}
body.wn-rd .en-sections{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:4px;padding:0 0 6px}
body.wn-rd .en-sections a{flex:0 0 auto;border-radius:0;padding:10px 12px;min-height:44px;font-family:var(--wn-font-display);font-weight:600;font-size:15px;color:var(--wn-text-secondary);background:none}
body.wn-rd .en-sections a[aria-current],body.wn-rd .en-sections a:hover{background:none;color:var(--wn-text);box-shadow:inset 0 -3px 0 var(--wn-text-label)}
body.wn-rd .en-story,body.wn-rd .en-package,body.wn-rd .en-headlines{background:none;border:0;border-radius:0;overflow:visible}
body.wn-rd .en-lead-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:28px;align-items:start}
body.wn-rd .en-lead-story .en-photo{order:2}
body.wn-rd .en-lead-story .en-story-copy{order:1;padding:0}
body.wn-rd .en-lead-story .en-photo img{max-height:none;aspect-ratio:4/3;border-radius:var(--wn-radius-media)}
body.wn-rd .en-lead-story h2{font-family:var(--wn-font-display);font-stretch:62%;font-weight:850;font-size:clamp(38px,3.6vw,58px);line-height:.95;letter-spacing:-.003em;margin:10px 0 14px;text-wrap:balance}
body.wn-rd .en-lead-story p{font-family:var(--wn-font-reading);font-size:19px;line-height:1.45;color:var(--wn-text-secondary)}
body.wn-rd .en-topic{color:var(--wn-text-label)!important;font-family:var(--wn-font-display);font-size:15px;font-weight:700}
body.wn-rd .en-story time,body.wn-rd .en-supporting time{font-family:var(--wn-font-display);font-size:13px;color:var(--wn-text-muted)}
body.wn-rd .en-photo figcaption{font-family:var(--wn-font-display);font-size:12px;color:var(--wn-text-muted);padding:6px 0 0;border:0}
body.wn-rd .en-headlines{border-top:4px solid var(--wn-border-strong);padding:12px 0 0}
body.wn-rd .en-headlines h2{font-family:var(--wn-font-display);font-stretch:75%;font-weight:800;font-size:28px;margin:0 0 4px}
body.wn-rd .en-headlines li{padding:12px 0;border-top:0;border-bottom:1px solid var(--wn-border-subtle)}
body.wn-rd .en-headlines li>a{font-family:var(--wn-font-reading);font-size:18px;font-weight:600;line-height:1.3}
body.wn-rd .en-headlines li>span{font-family:var(--wn-font-display);font-size:13px;color:var(--wn-text-label)}
body.wn-rd .en-all{color:var(--wn-text-label);font-size:15px;min-height:44px;display:inline-flex;align-items:center}
body.wn-rd .en-packages{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 48px;padding-top:36px;border-top:1px solid var(--wn-border-subtle)}
body.wn-rd .en-package>header{padding:0 0 8px;border-bottom:2px solid var(--wn-border-strong)}
body.wn-rd .en-package>header h2{font-family:var(--wn-font-display);font-stretch:75%;font-weight:800;font-size:27px}
body.wn-rd .en-package>header>a{font-family:var(--wn-font-display);font-size:14px;color:var(--wn-text-label)}
body.wn-rd .en-package .en-photo{margin-top:16px}
body.wn-rd .en-package .en-photo img{border-radius:var(--wn-radius-media)}
body.wn-rd .en-package .en-photo figcaption{display:none}
body.wn-rd .en-package .en-story-copy{padding:12px 0 0}
body.wn-rd .en-package .en-story h3{font-family:var(--wn-font-reading);font-weight:600;font-size:23px;line-height:1.2;letter-spacing:0}
body.wn-rd .en-package .en-story p{font-family:var(--wn-font-reading);font-size:16px;line-height:1.5;color:var(--wn-text-secondary)}
body.wn-rd .en-supporting{padding:0}
body.wn-rd .en-supporting li{padding:10px 0;border-top:1px solid var(--wn-border-subtle)}
body.wn-rd .en-supporting h3{font-family:var(--wn-font-reading);font-weight:600;font-size:17px;line-height:1.35}
body.wn-rd .en-supporting li:nth-child(n+3){display:none}
body.wn-rd .en-headlines li:nth-child(n+6){display:none}
/* Ten sections fill three rows of three; the last (History) runs full width: story left, more headlines right. */
body.wn-rd .en-package:last-child:nth-child(3n+1){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);column-gap:48px}
body.wn-rd .en-package:last-child:nth-child(3n+1)>header{grid-column:1/-1}
body.wn-rd .en-package:last-child:nth-child(3n+1) .en-supporting{padding-top:16px}
body.wn-rd .en-package:last-child:nth-child(3n+1) .en-supporting li:nth-child(n+3){display:list-item}

/* 6. Home: the rest of home-v2 (opening-night band, cards, explore) */
body.wn-rd .home-v2 .hv-hero{border-radius:0;background:var(--wn-surface-band)}
body.wn-rd .home-v2 .hv-hero h2{font-stretch:62%;font-weight:850;font-size:clamp(36px,4vw,60px);color:#fff}
body.wn-rd .home-v2 .hv-kicker{color:var(--wn-text-signal);letter-spacing:0;text-transform:none;font-size:15px;font-weight:700}
body.wn-rd .home-v2 .hv-sub{color:var(--wn-text-on-band-muted)}
body.wn-rd .home-v2 .hv-hero .button.lime{background:var(--wn-text-signal);color:var(--wn-text)}
body.wn-rd .home-v2 .hv-hero .button.lime:hover{background:#fff}
body.wn-rd .home-v2 .hv-ghost{border-color:var(--wn-border-on-band);border-radius:var(--wn-radius-control)}
body.wn-rd .home-v2 .hv-games a{border-color:var(--wn-border-on-band);background:var(--wn-surface-band-raised)}
body.wn-rd .home-v2 .hv-games a:hover{background:var(--wn-navy-600)}
body.wn-rd .home-v2 .hv-today,body.wn-rd .home-v2 .hv-card,body.wn-rd .home-v2 .nh-section,body.wn-rd .home-v2 .nh-widget{border-radius:0;border:0;border-top:4px solid var(--wn-border-strong);padding:14px 0 0;background:none}
body.wn-rd .home-v2 .hv-head h2,body.wn-rd .home-v2 .hv-block>h2{font-stretch:75%;font-size:28px}
body.wn-rd .home-v2 .hv-label{color:var(--wn-text-label);letter-spacing:0;text-transform:none}
body.wn-rd .home-v2 .hv-explore a,body.wn-rd .home-v2 .hv-teams a,body.wn-rd .home-v2 .hv-player{border-radius:var(--wn-radius-media)}

/* 7. Game Center: navy scoreboard with countdown (assets/scoreboard.js fills .wn-countdown) */
body.wn-rd .game-center .gc-heading h1{font-size:clamp(38px,4.4vw,60px)}
body.wn-rd .game-center .gc-stage{background:var(--wn-text);color:#fff;border-radius:var(--wn-radius-control);font-family:var(--wn-font-display);font-weight:700}
body.wn-rd .game-center .game-summary{background:var(--wn-surface-band);border-radius:0;color:#fff}
body.wn-rd .game-center .game-summary::before,body.wn-rd .game-center .game-summary::after{border-color:rgba(255,255,255,.05)}
body.wn-rd .game-center .game-summary h2{display:inline-block;background:none;color:var(--wn-text-signal);font-stretch:100%;font-size:15px;font-weight:700;letter-spacing:0;text-transform:none}
body.wn-rd .game-center .game-matchup h3{font-family:var(--wn-font-display);font-stretch:75%;font-weight:800;font-size:clamp(24px,2.6vw,34px);color:#fff}
body.wn-rd .game-center .game-matchup span{color:var(--wn-text-on-band-muted);letter-spacing:0;text-transform:none;font-family:var(--wn-font-display)}
body.wn-rd .game-center .game-matchup .game-score{font-stretch:62%;font-weight:850;font-size:clamp(44px,5vw,72px);font-variant-numeric:tabular-nums;color:#fff}
body.wn-rd .wn-countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:420px;margin:18px auto 6px;padding:14px 16px;background:var(--wn-surface-band-raised);border-radius:var(--wn-radius-well)}
body.wn-rd .wn-countdown[hidden]{display:none}
body.wn-rd .wn-countdown b{display:block;font-family:var(--wn-font-display);font-stretch:62%;font-weight:850;font-size:clamp(36px,4vw,48px);line-height:1;font-variant-numeric:tabular-nums;color:#fff}
body.wn-rd .wn-countdown span{font-size:12px;color:var(--wn-text-on-band-muted)}
body.wn-rd .wn-countdown span:last-child b{color:var(--wn-text-signal)}
body.wn-rd .game-center h2{font-stretch:75%}
body.wn-rd .game-center section>h2{border-bottom:2px solid var(--wn-border-strong);padding-bottom:8px}
body.wn-rd .game-center table th{font-family:var(--wn-font-display)}
body.wn-rd .game-center table td{font-variant-numeric:tabular-nums}

/* 8. Articles: one reading measure, Newsreader body, condensed headline */
body.wn-rd .ma-hero h1,body.wn-rd .article-header h1{font-size:clamp(38px,4.6vw,64px);max-width:22ch;text-wrap:balance}
body.wn-rd main h1{font-stretch:62%!important;font-family:var(--wn-font-display)!important;letter-spacing:-.003em!important;word-spacing:normal}
body.wn-rd .ma-article .article-meta .am-section{background:var(--wn-text);color:#fff}
body.wn-rd .ma-article-section:before{background:var(--wn-text-label)}
body.wn-rd .ma-toolkit{background:var(--wn-navy-50);border-color:var(--wn-border-subtle)}
body.wn-rd .ma-tool-icon,body.wn-rd .ma-subjects svg{color:var(--wn-text-label)}
body.wn-rd .ma-toolkit small{color:var(--wn-text-muted)}
body.wn-rd .ma-article .reader-next,body.wn-rd .ma-article .prose .reader-related{background:var(--wn-navy-50)}
body.wn-rd .ma-video-mark{color:var(--wn-text-signal)}
body.wn-rd .ma-deck{font-family:var(--wn-font-reading);font-size:21px;line-height:1.45;color:var(--wn-text-secondary)}
body.wn-rd .prose{font-family:var(--wn-font-reading);color:var(--wn-text)}
body.wn-rd .ma-main .prose>p,body.wn-rd .ma-main .prose>ul,body.wn-rd .ma-main .prose>ol,body.wn-rd .ma-main .prose>blockquote,body.wn-rd .ma-main .prose>h2,body.wn-rd .ma-main .prose>h3,body.wn-rd .article-shell .prose>p{max-width:68ch}
body.wn-rd .prose p,body.wn-rd .prose li{font-size:20px;line-height:1.6}
body.wn-rd .prose h2{font-family:var(--wn-font-display);font-stretch:75%;font-weight:800;font-size:31px;line-height:1.1;margin-top:1.6em}
body.wn-rd .prose h3{font-family:var(--wn-font-display);font-weight:700;font-size:23px}
body.wn-rd .prose a{color:var(--wn-text);text-decoration-color:var(--wn-text-label);text-underline-offset:3px}
body.wn-rd .prose figcaption{font-family:var(--wn-font-display);font-size:13px;color:var(--wn-text-muted)}
body.wn-rd .article-meta{font-family:var(--wn-font-display);color:var(--wn-text-muted)}
body.wn-rd .prose .reader-related{border-left-color:var(--wn-text-label);background:var(--wn-navy-50)}
body.wn-rd .reader-related>span,body.wn-rd .reader-next>span{color:var(--wn-text-label)}
body.wn-rd .reader-next{border-top-color:var(--wn-border-strong)}

/* 9. Footer */
body.wn-rd .site-footer{background:var(--wn-surface-band);color:var(--wn-text-on-band)}
body.wn-rd .site-footer a{color:var(--wn-text-on-band)}
body.wn-rd .site-footer a:hover{color:var(--wn-text-signal)}
body.wn-rd .site-footer .brand,body.wn-rd .site-footer .brand span{color:#fff}
body.wn-rd .site-footer .brand i{color:var(--wn-text-signal)}
body.wn-rd .footer-heading{font-family:var(--wn-font-display);font-stretch:75%;font-weight:800;font-size:18px;letter-spacing:0;text-transform:none;color:#fff}
body.wn-rd .footer-top p,body.wn-rd .footer-bottom{color:var(--wn-text-on-band-muted)}

/* 10. Responsive */
@media (max-width:1100px){
  body.wn-rd .en-packages{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.wn-rd .en-layout{column-gap:32px}
}
@media (max-width:860px){
  body.wn-rd .en-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"left" "lead" "headlines" "packages"}
  body.wn-rd .en-lead-story{grid-template-columns:minmax(0,1fr)}
  body.wn-rd .en-lead-story .en-photo{order:0}
}
@media (max-width:700px){
  body.wn-rd .brand{font-size:40px}
  body.wn-rd .masthead{min-height:64px}
  body.wn-rd .en-packages{grid-template-columns:minmax(0,1fr);gap:36px}
  body.wn-rd .en-lead-story h2{font-size:clamp(34px,9vw,44px)}
  body.wn-rd .prose p,body.wn-rd .prose li{font-size:19px}
  body.wn-rd .utility .wrap>div{display:none}
  body.wn-rd .subnav .wrap{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;gap:20px;padding:4px 0;min-height:44px}
  body.wn-rd .subnav a{flex:0 0 auto}
  body.wn-rd .en-heading>span{display:none}
}
@media (prefers-reduced-motion:reduce){body.wn-rd *{scroll-behavior:auto}}