/* Approved modular presentation applied to production DOM contracts.
   Classes from both SSR and live renderer are deliberately supported. */
body[data-wtm-presentation="production"]{--font-display:Syne,sans-serif;--font-body:"DM Sans",sans-serif;--bg:#fff;--surface:#fff;--text:#14251e;--text-muted:#56675f;background:#fff;color:var(--wtm-ink);font-family:"DM Sans",sans-serif;padding-left:68px}
body[data-wtm-presentation] .wtm-production-rail{position:fixed;inset:0 auto 0 0;width:68px;height:100vh;max-height:none;padding-top:86px;z-index:25}
body[data-wtm-presentation] header{height:68px;min-height:68px;padding:0 26px;border-bottom:1px solid var(--wtm-line);background:#fff;box-shadow:none}
body[data-wtm-presentation] .sticky-wrap{background:#fff;box-shadow:none}
body[data-wtm-presentation] .logo,body[data-wtm-presentation] h1,body[data-wtm-presentation] h2,body[data-wtm-presentation] h3{font-family:Syne,sans-serif}
body[data-wtm-presentation] .logo{font-size:24px;color:var(--wtm-green);letter-spacing:-.025em}
body[data-wtm-presentation] .logo-icon{height:32px;width:auto;object-fit:contain}
body[data-wtm-presentation] .header-home-link{gap:10px}
body[data-wtm-presentation] .search-input{font-family:"DM Sans",sans-serif;background:var(--wtm-soft);border-radius:9px}
body[data-wtm-presentation] :is(.tp-btn,.filter-btn,.search-toggle-btn,.mobile-nav-trigger){min-height:44px}
body[data-wtm-presentation] :is(main,.homepage-composition){max-width:1444px}
body[data-wtm-presentation] .homepage-composition{margin-inline:auto}
body[data-wtm-presentation] .homepage-composition{width:100%;min-width:0}
body[data-wtm-presentation] :is(.fixture-card.wtm-production-row,.wtm-rail-link,.cal-day,.cal-rail-nav,.homepage-guide-section summary){transition:background-color 140ms ease-out,color 140ms ease-out,border-color 140ms ease-out}
body[data-wtm-presentation] :is(.wtm-rail-link,.cal-day,.cal-rail-nav,.homepage-guide-section summary):active{background-color:var(--wtm-soft)}
body[data-wtm-presentation].has-homepage-guides .homepage-composition{grid-template-columns:minmax(0,1fr) 282px;gap:0}
body[data-wtm-presentation] .homepage-fixtures-column{padding-inline:26px}
body[data-wtm-presentation] .homepage-guide-rail{background:var(--wtm-soft);border-left:1px solid var(--wtm-line);padding:26px 20px}
body[data-wtm-presentation] :is(.fixtures-grid,.d-fixtures){display:block}
body[data-wtm-presentation] .fixture-card{display:grid!important;grid-template-columns:76px minmax(0,1fr) minmax(160px,32%);grid-template-rows:auto auto auto;gap:2px 18px;align-items:center;min-height:112px;padding:16px 0;margin:0;border:0;border-bottom:1px solid var(--wtm-line);border-radius:0;background:#fff;box-shadow:none;transform:none}
body[data-wtm-presentation] .fixture-card:hover{background:var(--wtm-soft);box-shadow:none;transform:none}
body[data-wtm-presentation] .fixture-card .fixture-score{grid-column:1;grid-row:1/4;position:static;align-self:center;min-width:0;text-align:left;font-family:"DM Sans",sans-serif}
body[data-wtm-presentation] .fixture-card .score-time{font:800 21px/1.15 "DM Sans",sans-serif;color:var(--wtm-ink)}
body[data-wtm-presentation] .fixture-card .fixture-teams{grid-column:2;grid-row:1;justify-content:flex-start;text-align:left;padding:0;min-width:0}
body[data-wtm-presentation] .fixture-card .fixture-teams.right{grid-row:2;text-align:left}
body[data-wtm-presentation] .fixture-card .team-with-badge{display:flex;justify-content:flex-start;gap:7px;min-width:0}
body[data-wtm-presentation] .fixture-card .team-badge{display:none}
body[data-wtm-presentation] .fixture-card .team-name-btn{font:750 17px/1.3 "DM Sans",sans-serif;white-space:normal;overflow-wrap:anywhere;color:var(--wtm-ink);text-align:left}
body[data-wtm-presentation] .fixture-card .fixture-overline{grid-column:2;grid-row:3;position:static;margin:3px 0 0;padding:0;border:0;background:none;min-height:0;justify-content:flex-start;font:500 13px/1.4 "DM Sans",sans-serif;color:var(--wtm-muted)}
body[data-wtm-presentation] .fixture-card .fixture-overline-inner{justify-content:flex-start}
body[data-wtm-presentation] .fixture-card .fixture-channels-row{grid-column:3;grid-row:1/4;border:0;padding:0;margin:0;background:none;min-width:0}
body[data-wtm-presentation] .fixture-card .fixture-channels{justify-content:flex-end;flex-wrap:wrap;gap:6px}
body[data-wtm-presentation] .channel-tag{font:700 13px/1.25 "DM Sans",sans-serif;min-height:30px;border-radius:6px;padding:6px 9px;white-space:normal}
body[data-wtm-presentation] .seo-date-group>h2{font:800 23px/1.2 Syne,sans-serif;margin:26px 0 10px;color:var(--wtm-ink)}
body[data-wtm-presentation] .mg-guide{max-width:none}
body[data-wtm-presentation] .mg-match-centre .d-columns{grid-template-columns:minmax(0,1fr) 282px;gap:24px}
body[data-wtm-presentation] :is(.d-hero,.d-watch){border:1px solid var(--wtm-line);border-radius:12px;background:#fff;box-shadow:none}
body[data-wtm-presentation] .d-watch{background:var(--wtm-soft)}
body[data-wtm-presentation] .mg-match-intro h1{font:800 clamp(26px,3vw,40px)/1.1 Syne,sans-serif;letter-spacing:-.025em}
body[data-wtm-presentation] :is(.site-footer,.footer-inner){background:var(--wtm-soft);color:var(--wtm-ink)}
body[data-wtm-presentation] :focus-visible{outline:3px solid var(--wtm-focus);outline-offset:3px}
@media(max-width:1120px){body[data-wtm-presentation].has-homepage-guides .homepage-composition{grid-template-columns:minmax(0,1fr)}body[data-wtm-presentation] .homepage-guide-rail{border-left:0;border-top:1px solid var(--wtm-line)}body[data-wtm-presentation] .mg-match-centre .d-columns{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){body[data-wtm-presentation="production"]{padding-left:0}body[data-wtm-presentation] .wtm-production-rail{display:none}body[data-wtm-presentation] header{padding-inline:16px;gap:10px}body[data-wtm-presentation] .homepage-fixtures-column{padding-inline:16px}body[data-wtm-presentation] .fixture-card{grid-template-columns:64px minmax(0,1fr);gap:3px 12px;min-height:124px;padding:14px 0}body[data-wtm-presentation] .fixture-card .fixture-score{grid-row:1/5}body[data-wtm-presentation] .fixture-card .fixture-channels-row{grid-column:2;grid-row:4;margin-top:5px}body[data-wtm-presentation] .fixture-card .fixture-channels{justify-content:flex-start}body[data-wtm-presentation] .fixture-card .team-name-btn{font-size:16px}body[data-wtm-presentation] .channel-tag{min-height:36px}body[data-wtm-presentation] .logo{font-size:20px}}
@media(prefers-reduced-motion:reduce){body[data-wtm-presentation] *,body[data-wtm-presentation] *::before,body[data-wtm-presentation] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Production shell: same geometry and typography as the approved presentation.
   This block deliberately targets the production DOM, including SSR and hydration. */
body[data-wtm-presentation="production"]{--accent:var(--wtm-green);--accent-light:var(--wtm-mint);--muted:var(--wtm-muted);--border:var(--wtm-line);--card:#fff;--noise:none;--rail-gutter:0px;--rail-pad:0px;--rail-container:100%;--homepage-main-column:100%;--homepage-shell:1444px}
body[data-wtm-presentation] .wtm-site-header{padding:0 26px;gap:24px;height:68px;max-width:none;margin:0;display:flex;position:relative}
body[data-wtm-presentation] .header-home-link{display:flex;align-items:center;gap:10px;font:800 24px/1 Syne,sans-serif;color:var(--wtm-green);white-space:nowrap}
body[data-wtm-presentation] .header-home-link img{width:auto;height:32px}
body[data-wtm-presentation] .wtm-production-brand-short{display:none;text-decoration:none}
body[data-wtm-presentation] .header-left{min-width:0;flex:none}
body[data-wtm-presentation] .search-wrap{max-width:340px;flex:1}
body[data-wtm-presentation] .header-controls{margin-left:auto;gap:10px}
body[data-wtm-presentation] .tp-btn{border:1px solid var(--wtm-line);border-radius:10px;min-height:46px;background:#fff;color:var(--wtm-ink)}
/* Reserve space for the asynchronously resolved territory label in the header. */
body[data-wtm-presentation] .tp-name{display:inline-block;min-width:13ch}
@media(max-width:360px){body[data-wtm-presentation] .tp-name{min-width:0}}
body[data-wtm-presentation] .global-nav-desktop,body[data-wtm-presentation] .desktop-nav{display:none}
body[data-wtm-presentation] .channels-cta-bar{background:var(--wtm-soft);border:0;border-bottom:1px solid var(--wtm-line);border-radius:0;box-shadow:none}
body[data-wtm-presentation].has-homepage-guides .homepage-composition{display:grid;grid-template-columns:minmax(0,1fr) 302px;grid-template-areas:"heading guides" "fixtures guides";gap:0;align-items:start}
body[data-wtm-presentation] #route-heading-wrap,body[data-wtm-presentation].has-homepage-guides #route-heading-wrap{margin:0;padding:28px 26px 18px;max-width:none;border:0;border-radius:0;background:#fff;overflow:visible}
body[data-wtm-presentation].has-homepage-guides #route-heading-wrap .homepage-hero,body[data-wtm-presentation] .homepage-hero{padding:0;border:0;max-width:none;background:none}
body[data-wtm-presentation] .homepage-hero-title,body[data-wtm-presentation] .seo-baked-h1{font:800 clamp(32px,3.4vw,46px)/1.05 Syne,sans-serif;letter-spacing:-.04em;color:var(--wtm-ink);margin:0 0 10px;text-wrap:balance}
body[data-wtm-presentation] .homepage-hero-subtitle,body[data-wtm-presentation] .seo-baked-intro{font:400 16px/1.5 "DM Sans",sans-serif;max-width:65ch;color:var(--wtm-muted)}
body[data-wtm-presentation] .homepage-fixtures-column{padding:0 26px 28px;min-width:0}
body[data-wtm-presentation] .homepage-fixtures-column main{padding:0;margin:0;max-width:none;width:100%}
body[data-wtm-presentation] .homepage-guide-rail{margin:0;align-self:stretch;background:var(--wtm-soft);padding:28px 22px;border-left:1px solid var(--wtm-line)}
body[data-wtm-presentation] .homepage-guide-title{font:800 22px/1.15 Syne,sans-serif;letter-spacing:-.025em;text-transform:none;color:var(--wtm-ink);margin:0 0 18px}
body[data-wtm-presentation] .homepage-guide-section{margin:0;padding:12px 0;border:0;border-bottom:1px solid var(--wtm-line);border-radius:0;background:none;box-shadow:none}
body[data-wtm-presentation] .homepage-guide-section summary{font:800 16px/1.25 Syne,sans-serif;letter-spacing:0;text-transform:none;pointer-events:auto;cursor:pointer}
body[data-wtm-presentation] .homepage-guide-panel{border:0}
body[data-wtm-presentation] .homepage-guide-link{font:600 14px/1.4 "DM Sans",sans-serif;min-height:44px}
body[data-wtm-presentation] .cal-controls{gap:12px;margin:4px 0 20px}
body[data-wtm-presentation] .cal-day{min-width:78px;min-height:66px;border:1px solid var(--wtm-line);border-radius:9px;background:#fff;color:var(--wtm-ink);gap:3px}
body[data-wtm-presentation] .cal-day-name{font:800 14px/1.25 "DM Sans",sans-serif;letter-spacing:0;text-transform:none;color:inherit}
body[data-wtm-presentation] .cal-day-num{font:500 13px/1.25 "DM Sans",sans-serif}
body[data-wtm-presentation] .cal-day.is-selected{background:var(--wtm-green);border-color:var(--wtm-green);color:#fff}
body[data-wtm-presentation] .cal-day-dot{display:none}
body[data-wtm-presentation] .cal-rail-nav{min-width:36px;min-height:44px}
body[data-wtm-presentation] .cal-comp-group{margin-top:22px}
body[data-wtm-presentation] .cal-comp-header,body[data-wtm-presentation] .section-header{background:none;border:0;box-shadow:none;color:var(--wtm-ink)}
body[data-wtm-presentation] .fixture-card.wtm-production-row{display:grid!important;grid-template-columns:90px minmax(0,1fr) minmax(150px,30%);grid-template-rows:auto;gap:18px;min-height:94px;padding:17px 2px;border:0;border-bottom:1px solid var(--wtm-line);border-radius:0;cursor:default;animation:none}
body[data-wtm-presentation] .wtm-production-row .wtm-row-fixture{font:800 18px/1.35 "DM Sans",sans-serif;white-space:normal;overflow-wrap:anywhere;color:var(--wtm-ink)}
body[data-wtm-presentation] .wtm-production-versus{font-weight:500;color:var(--wtm-muted)}
body[data-wtm-presentation] .wtm-production-row .wtm-row-time time{font:800 19px/1.25 "DM Sans",sans-serif;color:var(--wtm-ink);white-space:normal}
body[data-wtm-presentation] .wtm-production-row .wtm-row-competition{font:500 13px/1.4 "DM Sans",sans-serif;color:var(--wtm-muted);margin-top:5px}
body[data-wtm-presentation] .wtm-row-providers{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
body[data-wtm-presentation] .wtm-row-providers .channel-tag{background:#edf2ef;color:var(--wtm-green);border:0;min-height:34px;font:700 12px/1.3 "DM Sans",sans-serif;text-transform:none;letter-spacing:0}
body[data-wtm-presentation] .wtm-row-providers .channel-tag img{max-height:18px;max-width:58px;object-fit:contain}
body[data-wtm-presentation] .live-text,body[data-wtm-presentation] .live-dot,body[data-wtm-presentation] .ticket-live-dot{animation:none}
/* The baked canonical club header starts inside main and is elevated by the
   existing route runtime. Flatten the temporary layout box so that elevation
   does not shift the entire viewport on slower connections. The main element
   remains in the DOM and resumes its normal box once the header is elevated. */
body[data-wtm-presentation] #mainContent:has(> .club-header){display:contents}
@media(max-width:1120px){body[data-wtm-presentation].has-homepage-guides .homepage-composition{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "fixtures" "guides"}body[data-wtm-presentation] .homepage-guide-rail{border-left:0;border-top:1px solid var(--wtm-line)}body[data-wtm-presentation] .search-wrap{max-width:240px}}
@media(max-width:760px){body[data-wtm-presentation] .wtm-site-header{padding:0 14px;gap:10px;height:62px;min-height:62px}body[data-wtm-presentation] .wtm-production-brand-full{display:none}body[data-wtm-presentation] .wtm-production-brand-short{display:block;font:800 14px/1 "DM Sans",sans-serif}body[data-wtm-presentation] .header-home-link img{height:28px}body[data-wtm-presentation] .header-home-link{gap:7px}body[data-wtm-presentation] #route-heading-wrap,body[data-wtm-presentation].has-homepage-guides #route-heading-wrap{padding:22px 16px 16px}body[data-wtm-presentation] .homepage-fixtures-column{padding:0 16px 24px}body[data-wtm-presentation] .homepage-hero-title,body[data-wtm-presentation] .seo-baked-h1{font-size:32px}body[data-wtm-presentation] .homepage-hero-subtitle{font-size:14px}body[data-wtm-presentation] .fixture-card.wtm-production-row{grid-template-columns:70px minmax(0,1fr);gap:5px 12px;padding:14px 2px;min-height:104px}body[data-wtm-presentation] .wtm-production-row .wtm-row-time{grid-row:1/3}body[data-wtm-presentation] .wtm-row-providers{grid-column:2;justify-content:flex-start}body[data-wtm-presentation] .wtm-production-row .wtm-row-fixture{font-size:17px}body[data-wtm-presentation] .wtm-production-row .wtm-row-time time{font-size:17px}body[data-wtm-presentation] .wtm-row-providers .channel-tag{min-height:38px}body[data-wtm-presentation] .cal-day{min-width:72px}body[data-wtm-presentation] .homepage-guide-rail{padding:24px 16px}}
/* Retire the narrow legacy rail while keeping its accessible mobile drawer. */
@media(min-width:761px){body[data-wtm-presentation] .global-nav:not(.is-open){display:none}}
body[data-wtm-presentation].has-homepage-guides .region-select-wrap{display:block}
body[data-wtm-presentation].has-homepage-guides .homepage-composition{grid-template-rows:min-content 1fr}
body[data-wtm-presentation] .wtm-production-rail{display:flex;flex-direction:column;justify-content:flex-start;gap:12px;overflow:hidden;padding:86px 4px 16px}
body[data-wtm-presentation] .wtm-production-rail .wtm-rail-link{width:60px;min-width:0;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0;gap:5px;font-size:10px}
body[data-wtm-presentation] .wtm-production-rail .wtm-rail-icon{width:21px;height:21px}
body[data-wtm-presentation] .route-page-h1{font:800 clamp(32px,3.4vw,46px)/1.05 Syne,sans-serif;letter-spacing:-.04em;margin:0;color:var(--wtm-ink);text-align:left}
body[data-wtm-presentation] .date-divider{padding-left:0;margin-left:0;position:static;width:auto;flex-basis:100%;text-align:left}
body[data-wtm-presentation] .fixtures-grid{padding-left:0!important}
@media(max-width:760px){body[data-wtm-presentation] .wtm-production-rail{display:none}body[data-wtm-presentation] .header-controls{gap:5px}body[data-wtm-presentation] .tp-btn{padding-inline:8px}body[data-wtm-presentation] .tp-lead{display:none}body[data-wtm-presentation] .cal-module,body[data-wtm-presentation] .cal-controls,body[data-wtm-presentation] .cal-rail-row,body[data-wtm-presentation] .cal-rail{min-width:0;max-width:100%}body[data-wtm-presentation] .cal-rail{overflow-x:auto}body[data-wtm-presentation] .route-page-h1{font-size:32px}}
body[data-wtm-presentation] .date-group{grid-template-columns:minmax(0,1fr);gap:8px;padding-top:24px}
body[data-wtm-presentation] .date-group-items{gap:0;min-width:0}
body[data-wtm-presentation] .date-divider{justify-content:flex-start;min-height:44px;padding:8px 0}
body[data-wtm-presentation] .date-label-wrap{align-items:flex-start}
/* Legacy in-page locale controls remain on a few generated detail routes. */
body[data-wtm-presentation] .lang-btn{color:#59534c;min-width:44px;min-height:44px;font-size:12px}
body[data-wtm-presentation] .lang-btn.lang-active{color:#fff}
body[data-wtm-presentation] .homepage-guide-section summary{padding-right:10px}