/* fonts.css */
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-condensed-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-condensed-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-condensed-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-condensed-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/barlow-condensed-800-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/barlow-condensed-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-mono-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-mono-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-mono-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-mono-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/inter-var-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/inter-var-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Orbitron';font-style:normal;font-weight:700 800;font-display:swap;src:url(../fonts/orbitron-var-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* tokens.css */
/* SportsLife design tokens — mirrored 1:1 from the Claude Design prototype body block. */
/* NOTE: --muted is intentionally NOT defined. The prototype declared it self-referentially (--muted:var(--muted)), so every
   color:var(--muted) resolved to the inherited colour (#111 on light surfaces). Leaving it undefined reproduces that 1:1. */
:root{
  --font-display:'Barlow Condensed',sans-serif;
  --font-body:'Inter',sans-serif;
  --font-data:'IBM Plex Mono',monospace;
  --font-nav:'Orbitron',var(--font-display);
  --text-xs:11px;--text-sm:12px;--text-ui:13px;--text-nav:14px;--text-body:15px;--text-card:20px;--text-title:22px;--text-section:32px;
  --text-hero:clamp(30px,3.2vw,44px);--text-display:clamp(36px,3.8vw,56px);
  --bg:#f4f4f2;--surface:#fff;--ink:#0d0d0d;--faint:#6d6d6d;--line:#e4e4e1;--line-strong:#cdcdc9;
  --accent:#e10600;--accent-rgb:225,6,0;
  --r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:10px;
  --dur:220ms;--dur-slow:320ms;--dur-img:600ms;--ease:cubic-bezier(.2,.8,.2,1);
  --shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 12px 28px rgba(0,0,0,.09);
  --wrap:1440px;--gutter:clamp(16px,3vw,32px);
  --tg:#1279ad;--tg-hover:#10699a;--live:#157a42;--accent-on-dark:#ff3b30;
}

/* base.css */
/* Base — mirrors the prototype's shared <style> block. */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:linear-gradient(#000 0 105px,var(--bg) 105px) no-repeat var(--bg);color:#111;font-family:var(--font-body);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none} /* no a:hover reset: it re-inherited the page colour and blackened white text (hero) */
img{max-width:100%;height:auto}
button{font:inherit}
input::placeholder{color:#8a8a8a}
a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:2px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(225,6,0,.5)}70%,100%{box-shadow:0 0 0 6px rgba(225,6,0,0)}}
@keyframes pulseW{0%{box-shadow:0 0 0 0 rgba(255,255,255,.6)}70%,100%{box-shadow:0 0 0 6px rgba(255,255,255,0)}}
@keyframes pulseG{0%{box-shadow:0 0 0 0 rgba(31,157,85,.6)}70%,100%{box-shadow:0 0 0 6px rgba(31,157,85,0)}}
@keyframes slBlink{0%,100%{opacity:1}50%{opacity:.35}}

/* Layout primitives shared by every page */
.sl-wrap{max-width:var(--wrap);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
/* The prototype wrapped header+main in a div with this gradient; the header is sticky here, so the gradient lives on body. */
.sl-page{min-height:calc(100vh - 105px);background:transparent}
.sl-page--dark{background:#000}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Icon mask helper: <span class="sl-mask" style="--i:url(...)"> */
.sl-mask{display:block;flex-shrink:0;background-color:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
/* Flag chip */
.sl-flag{display:block;flex-shrink:0;background-size:cover;background-repeat:no-repeat;background-position:center;outline:1px solid rgba(0,0,0,0.15);outline-offset:-1px}
/* Initials fallback badge */
.sl-init{display:grid;place-items:center;border-radius:50%;background:#111;color:#fff;font-family:var(--font-display);font-weight:700;letter-spacing:0.01em;flex-shrink:0}
/* Cover image (background) */
.sl-cover{position:absolute;inset:0;display:block;background-size:cover;background-position:center;background-repeat:no-repeat}

/* Section header pattern: accent bar + uppercase display title + optional sub */
.sl-sec-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}
.sl-sec-head__l{display:flex;align-items:center;flex-wrap:wrap;gap:16px;min-width:0}
.sl-sec-bar{width:5px;height:34px;background:var(--accent);flex-shrink:0;border-radius:2px}
.sl-sec-title{margin:0;font-family:var(--font-display);font-weight:800;font-size:var(--text-section);letter-spacing:0;text-transform:uppercase;line-height:1;white-space:nowrap}
.sl-sec-sub{font-family:var(--font-body);font-size:var(--text-body);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:640px){.sl-sec-head{flex-wrap:wrap;gap:12px 16px}.sl-sec-head__l{gap:10px 14px}.sl-sec-head__l>.sl-sec-title{flex:1 1 0;min-width:0;white-space:normal;line-height:1.05}.sl-sec-head__l>.sl-sec-live,.sl-sec-head__l>.sl-matches__live{flex-basis:100%}.sl-sec-head__l>.sl-sec-sub{flex-basis:100%;white-space:normal;overflow:visible;text-overflow:clip}.sl-sec-sub{white-space:normal;overflow:visible;text-overflow:clip}}

/* Buttons */
.sl-btn{display:inline-flex;align-items:center;gap:12px;height:44px;padding:0 20px;border:0;cursor:pointer;border-radius:var(--r-sm);font-family:var(--font-display);font-weight:700;font-size:var(--text-nav);letter-spacing:0.05em;text-transform:uppercase;white-space:nowrap;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.sl-btn__arrow{display:flex;transition:transform var(--dur) var(--ease)}
.sl-btn--outline{background:#fff;color:#111;box-shadow:inset 0 0 0 1px #111}
.sl-btn--dark{background:#111;color:#fff}
.sl-btn--accent{background:var(--accent);color:#fff}
.sl-btn--white{background:#fff;color:#111}
.sl-btn--ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.35)}
@media (hover:hover) and (pointer:fine){
  .sl-btn--outline:hover{background:#111;color:#fff;transform:translateY(-1px)}
  .sl-btn--dark:hover{background:var(--accent);transform:translateY(-1px)}
  .sl-btn--accent:hover{background:#111;transform:translateY(-1px)}
  .sl-btn--white:hover{background:var(--accent);color:#fff;transform:translateY(-1px)}
  .sl-btn--ghost:hover{background:#fff;color:#111}
  .sl-btn:hover .sl-btn__arrow{transform:translateX(4px)}
}

/* Scroll reveal (data-reveal) — JS adds .is-in */
html.js [data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .55s var(--ease),transform .55s var(--ease)}
html.js [data-reveal].is-in{opacity:1;transform:none}
/* Opt-in reduced motion (body.sl-reduce-motion via the sportslife/respect_reduced_motion filter). The prototype ignores the OS setting. */
body.sl-reduce-motion [data-reveal]{opacity:1;transform:none;transition:none}
body.sl-reduce-motion *,body.sl-reduce-motion *::before,body.sl-reduce-motion *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
.sl-noscroll{scrollbar-width:none}.sl-noscroll::-webkit-scrollbar{display:none}

/* Touch targets (audit 13.09): small inline links get a larger hit area on touch screens without moving the layout (::before is free on these) */
@media (max-width:767px){
  .sl-crumbs-text a,.sl-ath-hero__crumbs a,.sl-team__crumbs a,[class$="__all"],[class$="__more"],[class$="__link"],.sl-ath-facts__link,.sl-ath-box__all,.sl-ath-hero__chip,.sl-article__chip,.sl-hub__more,.sl-live__hub,.sl-mrow__name,.sl-stats__bside,.sl-stats__tile-view,.sl-news__seo-toggle,.sl-players-faq__btn,.sl-players-counts__row,.sl-teams__group-link{position:relative}
  .sl-crumbs-text a::before,.sl-ath-hero__crumbs a::before,.sl-team__crumbs a::before,[class$="__all"]::before,[class$="__more"]::before,[class$="__link"]::before,.sl-ath-facts__link::before,.sl-ath-box__all::before,.sl-ath-hero__chip::before,.sl-article__chip::before,.sl-hub__more::before,.sl-live__hub::before,.sl-mrow__name::before,.sl-stats__bside::before,.sl-stats__tile-view::before,.sl-news__seo-toggle::before,.sl-players-faq__btn::before,.sl-players-counts__row::before,.sl-teams__group-link::before{content:"";position:absolute;inset:-10px -6px}
  .sl-ath-tabs__item{padding-left:10px;padding-right:10px}
}

/* header.css */
/* ==========================================================================
   Header — 1:1 port of SiteHeader.dc.html
   Breakpoints from the prototype: narrow <1330 (burger), mid <1560 (small nav font),
   search label ≥1330, Telegram hidden 1330–1399, strip fade <1340, logo 30/34/42px.
   ========================================================================== */
.sl-header{position:sticky;top:0;z-index:50;background:#000;color:#fff}
.sl-header__top{position:relative}
.sl-header__bar{position:relative;height:61px;display:flex;align-items:center;justify-content:flex-start;gap:12px}

/* logo */
.sl-logo{position:relative;display:flex;align-items:center;flex-shrink:0;padding:5px 10px;margin:0 8px 0 -10px;border-radius:var(--r-sm);overflow:hidden;isolation:isolate;transition:transform var(--dur-slow) var(--ease)}
.sl-logo img{height:42px;width:auto;display:block;filter:brightness(1) drop-shadow(0 0 0 rgba(0,0,0,0));transition:filter var(--dur-slow) var(--ease)}
.sl-logo__glow{position:absolute;inset:0;background:rgba(255,255,255,0.06);opacity:0;transition:opacity var(--dur-slow) var(--ease);z-index:-1}
.sl-logo-mobile{display:none;align-items:center;flex-shrink:1;min-width:0;overflow:hidden}
.sl-logo-mobile img{height:42px;width:auto;display:block}

/* main nav */
.sl-nav{display:flex;align-items:stretch;height:61px;min-width:0;gap:0}
.sl-nav__item{position:relative;display:flex;flex-shrink:0;align-items:center;gap:7px;padding:0 10px;font-family:var(--font-nav);font-weight:800;font-size:11.5px;letter-spacing:0.06em;text-transform:uppercase;color:rgba(255,255,255,0.7);transition:color var(--dur) var(--ease);white-space:nowrap}
.sl-nav__item svg{flex-shrink:0}
.sl-nav__sep{position:absolute;left:0;top:23px;bottom:23px;width:1px;background:rgba(255,255,255,0.14)}
.sl-nav__dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:var(--accent);box-shadow:0 0 0 1.5px rgba(225,6,0,0.2),0 0 6px rgba(225,6,0,0.7)}
.sl-nav__label{position:relative;display:inline-block;line-height:1}
.sl-nav__line{position:absolute;left:0;right:0;bottom:-9px;height:2px;border-radius:1px;background:rgba(255,255,255,0.7);opacity:0;transition:opacity var(--dur) var(--ease),background var(--dur) var(--ease);pointer-events:none}
.sl-nav__item.is-active,.sl-nav__item.is-open{color:#fff}
.sl-nav__item.is-active .sl-nav__line,.sl-nav__item.is-open .sl-nav__line{opacity:1;background:var(--accent)}

/* tools (search · telegram · burger) */
.sl-tools{position:absolute;right:var(--gutter);top:0;bottom:0;display:flex;align-items:center;gap:8px;flex-shrink:0}
.sl-tools__search{display:flex;align-items:center;gap:9px;justify-content:flex-start;width:190px;height:38px;padding:0 14px;border-radius:var(--r-sm);background:#161616;color:#9a9a9a;box-shadow:inset 0 0 0 1px #3a3a3a;transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),color var(--dur) var(--ease)}
.sl-tools__search svg{flex-shrink:0}
.sl-tools__search-label{display:block;font-family:var(--font-body);font-size:13.5px;white-space:nowrap}
.sl-tg{position:relative;display:flex;flex-shrink:0;align-items:center;gap:9px;height:38px;padding:0 18px 0 14px;background:var(--tg);color:#fff;font-family:var(--font-display);font-weight:700;font-size:12.5px;letter-spacing:0.05em;text-transform:uppercase;border-radius:var(--r-sm);overflow:hidden;box-shadow:var(--shadow-sm);transition:background var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.sl-tg__accent{position:absolute;right:-4px;top:-2px;bottom:-2px;width:7px;background:var(--accent);transform:skewX(-14deg);transition:width var(--dur) var(--ease);pointer-events:none}
.sl-tg svg{position:relative;transition:transform var(--dur) var(--ease)}
.sl-tg__label{position:relative;display:inline}
.sl-burger{display:none;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:0;cursor:pointer;border-radius:var(--r-sm);background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.18);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
.sl-burger__close{display:none}
.sl-burger[aria-expanded="true"]{background:#fff;color:#111}
.sl-burger[aria-expanded="true"] .sl-burger__open{display:none}
.sl-burger[aria-expanded="true"] .sl-burger__close{display:block}

/* inline search form */
.sl-search{position:absolute;right:var(--gutter);left:auto;width:min(600px,calc(100% - 2 * var(--gutter)));top:8px;bottom:8px;z-index:80;display:flex;align-items:center;gap:12px;margin:0;padding:0 6px 0 16px;background:#141414;border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.18),0 12px 30px rgba(0,0,0,0.35)}
@media (max-width:699px){.sl-search{left:var(--gutter);width:auto}}
.sl-search[hidden]{display:none}
.sl-search__icon{color:#9a9a9a;flex-shrink:0}
.sl-search__input{flex:1;min-width:0;height:38px;border:0;outline:0;background:transparent;font-family:var(--font-body);font-size:15px;color:#fff;-webkit-appearance:none;appearance:none}
.sl-search__input:focus-visible{outline:0} /* the form itself glows on focus-within; the global input ring would draw a second box inside it */
.sl-search__input::-webkit-search-cancel-button{display:none}
.sl-search__submit{height:38px;padding:0 18px;border:0;border-radius:var(--r-xs);background:var(--accent);color:#fff;font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer}
.sl-search__close{width:38px;height:38px;display:grid;place-items:center;border:0;background:transparent;border-radius:var(--r-xs);color:#9a9a9a;cursor:pointer;transition:color var(--dur) var(--ease)}
.sl-search__results{position:absolute;left:0;right:0;top:calc(100% + 8px);max-height:min(70vh,540px);overflow-y:auto;background:#0b0b0b;border:1px solid rgba(255,255,255,0.12);border-radius:var(--r-md);box-shadow:0 30px 60px rgba(0,0,0,0.55);padding:8px}
.sl-search__results[hidden]{display:none}
.sl-search__group{display:flex;flex-direction:column;gap:2px;padding:6px 4px 10px}
.sl-search__gtitle{display:flex;align-items:center;justify-content:space-between;padding:0 8px 6px;font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.45)}
.sl-search__gtitle span{font-family:var(--font-data);font-weight:500;letter-spacing:0}
.sl-search__item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:46px;padding:0 8px;border-radius:var(--r-sm);color:#fff;transition:background var(--dur) var(--ease)}
.sl-search__thumb{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#1f1f1f;background-size:cover;background-repeat:no-repeat;background-position:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08);font-family:var(--font-display);font-weight:700;font-size:11px;color:rgba(255,255,255,0.7)}
.sl-search__thumb--crest{background-size:contain}
.sl-search__thumb--flag{border-radius:3px;background-size:cover}
.sl-search__thumb--square{border-radius:var(--r-xs);background-size:contain}
.sl-search__text{display:flex;flex-direction:column;gap:2px;min-width:0}
.sl-search__label{font-family:var(--font-display);font-weight:700;font-size:15px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-search__meta{font-family:var(--font-body);font-size:12px;color:rgba(255,255,255,0.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-search__item svg{color:rgba(255,255,255,0.35)}
.sl-search__all{display:flex;align-items:center;justify-content:center;gap:10px;height:44px;margin-top:2px;border-radius:var(--r-sm);background:var(--accent);color:#fff;font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:0.08em;text-transform:uppercase}
.sl-search__empty{padding:22px 18px;text-align:center;font-family:var(--font-body);font-size:14px;color:rgba(255,255,255,0.6)}

/* Players mega menu */
.sl-mega{position:absolute;left:0;right:0;top:100%;z-index:60;background:#0b0b0b;border-top:1px solid rgba(255,255,255,0.08);box-shadow:0 24px 48px rgba(0,0,0,0.5);opacity:0;transform:translateY(4px);transition:opacity .18s var(--ease),transform .18s var(--ease)}
.sl-mega[hidden]{display:none}
.sl-mega.is-shown{opacity:1;transform:translateY(0)}
.sl-mega__caret{position:absolute;left:var(--caret,120px);top:-6px;width:12px;height:12px;background:#0b0b0b;border-left:1px solid rgba(255,255,255,0.12);border-top:1px solid rgba(255,255,255,0.12);transform:translateX(-50%) rotate(45deg)}
.sl-mega__inner{padding-top:14px;padding-bottom:16px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,0.85fr);gap:14px 20px;align-items:start}
.sl-mega__list{display:flex;flex-direction:column;gap:8px;min-width:0}
.sl-mega__head{display:flex;align-items:center;justify-content:space-between;gap:12px;height:20px}
.sl-mega__kicker{font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.5)}
.sl-mega__all{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.7);white-space:nowrap;transition:color .2s var(--ease)}
.sl-mega__all-arrow{display:flex;color:var(--accent);transition:transform .2s var(--ease)}
.sl-mega__tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.sl-mega__tile{position:relative;display:flex;align-items:center;gap:9px;height:40px;padding:0 10px 0 11px;min-width:0;border-radius:var(--r-sm);overflow:hidden;background:#111;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.07);color:rgba(255,255,255,0.78);font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:0.02em;text-transform:uppercase;white-space:nowrap;transition:background .2s var(--ease),box-shadow .2s var(--ease),color .2s var(--ease)}
.sl-mega__tile-cover{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0.22;transition:opacity .25s var(--ease)}
.sl-mega__tile-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,11,0.92) 35%,rgba(11,11,11,0.55) 100%)}
.sl-mega__tile-icon{position:relative;display:flex;flex-shrink:0;color:rgba(255,255,255,0.55);transition:color .2s var(--ease)}
.sl-mega__tile-label{position:relative;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.sl-mega__tile-chev{position:relative;display:flex;flex-shrink:0;color:rgba(255,255,255,0.7);opacity:0;transition:opacity .2s var(--ease)}
.sl-mega__tile-line{position:absolute;left:0;top:8px;bottom:8px;width:2px;border-radius:1px;background:var(--accent);opacity:0}
.sl-mega__tile.is-current .sl-mega__tile-line{opacity:1}
.sl-mega__tile.is-current .sl-mega__tile-icon{color:var(--accent)}
.sl-mega__tile.is-on{background:#1e1e1e;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.22);color:#fff}
.sl-mega__tile.is-on .sl-mega__tile-cover{opacity:0.55}
.sl-mega__tile.is-on .sl-mega__tile-icon{color:var(--accent)}
.sl-mega__tile.is-on .sl-mega__tile-chev{opacity:1}
.sl-mega__preview{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-height:100%;padding:16px 18px 16px;border-radius:var(--r-md);overflow:hidden;background:#141414;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08);color:#fff}
.sl-mega__preview[hidden]{display:none}
.sl-mega__preview-cover{position:absolute;inset:0;background-size:cover;background-position:50% 35%;opacity:0.5}
.sl-mega__preview-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,11,0.35) 0%,rgba(11,11,11,0.82) 45%,rgba(11,11,11,0.96) 100%)}
.sl-mega__preview-bar{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}
.sl-mega__preview-head{position:relative;display:flex;align-items:center;gap:12px;min-width:0}
.sl-mega__preview-icon{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--r-sm);background:var(--accent);color:#fff}
.sl-mega__preview-titles{display:flex;flex-direction:column;gap:2px;min-width:0}
.sl-mega__preview-title{font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:0;text-transform:uppercase;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-mega__preview-sub{font-family:var(--font-body);font-size:12px;color:rgba(255,255,255,0.65);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-mega__preview-n{font-family:var(--font-data);font-weight:500}
.sl-mega__preview-top{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}
.sl-mega__preview-row{display:flex;align-items:center;gap:8px;min-width:0;height:30px}
.sl-mega__preview-num{font-family:var(--font-data);font-weight:600;font-size:11px;color:rgba(255,255,255,0.45);width:18px;flex-shrink:0}
.sl-mega__preview-name{font-family:var(--font-display);font-weight:700;font-size:14px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-mega__preview-meta{font-family:var(--font-body);font-size:11px;color:rgba(255,255,255,0.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-mega__preview-foot{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px}
.sl-mega__preview-cta{font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.85)}
.sl-mega__preview-btn{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--r-sm);background:#fff;color:#111}
.sl-mega__rule{height:2px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent) 18%,rgba(255,255,255,0.06) 18%)}

/* Mobile drawer */
.sl-mobile{position:absolute;left:0;right:0;top:100%;z-index:60;background:#0a0a0a;border-top:1px solid rgba(255,255,255,0.12);box-shadow:0 30px 50px rgba(0,0,0,0.45);max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain}
.sl-mobile[hidden]{display:none}
.sl-mobile__inner{padding-top:8px;padding-bottom:24px;display:flex;flex-direction:column;gap:20px}
.sl-mobile__nav{display:flex;flex-direction:column}
.sl-mobile__link{display:flex;align-items:center;justify-content:space-between;height:52px;border-bottom:1px solid rgba(255,255,255,0.1);font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:0.03em;text-transform:uppercase;color:rgba(255,255,255,0.7)}
.sl-mobile__link.is-active{color:#fff}
.sl-mobile__link svg{opacity:0.5}
.sl-mobile__group{display:flex;flex-direction:column;gap:10px}
.sl-mobile__kicker{font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.45)}
.sl-mobile__chips{display:flex;flex-wrap:wrap;gap:6px}
.sl-mobile__chip{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:var(--r-sm);background:rgba(255,255,255,0.06);color:#fff;font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:0.03em;text-transform:uppercase;white-space:nowrap;transition:background var(--dur) var(--ease)}
.sl-mobile__chip .sl-mask{color:rgba(255,255,255,0.75)}
.sl-mobile__chip--all{background:#fff;color:#111}
.sl-mobile__chip--all .sl-mask{color:var(--accent)}
.sl-mobile__sports{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.sl-mobile__sport{display:flex;align-items:center;gap:10px;height:44px;padding:0 12px;border-radius:var(--r-sm);background:rgba(255,255,255,0.06);font-family:var(--font-display);font-weight:600;font-size:14px;color:rgba(255,255,255,0.85);transition:background var(--dur) var(--ease)}
.sl-mobile__sport .sl-mask{opacity:0.85}

/* Sports strip */
.sl-strip{background:#141414;position:relative}
.sl-strip__glow{position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,#ff1f1f 0%,#ff4646 45%,#ff1f1f 100%);box-shadow:0 0 5px rgba(255,31,31,0.85),0 0 12px rgba(255,31,31,0.55),0 0 22px rgba(225,6,0,0.35);z-index:2;pointer-events:none}
.sl-strip__inner{position:relative;display:flex;align-items:stretch;height:44px}
.sl-strip__fade{position:absolute;right:var(--gutter);top:0;bottom:0;width:56px;background:linear-gradient(90deg,rgba(20,20,20,0),#141414 80%);pointer-events:none;z-index:1;display:none}
.sl-strip__scroll{display:flex;align-items:stretch;flex:1;min-width:0;justify-content:space-between;gap:0;margin-left:-14px;overflow-x:auto}
.sl-strip__item{position:relative;display:flex;flex-shrink:0;align-items:center;gap:5px;padding:0 20px 0 14px;font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:0.03em;text-transform:uppercase;color:rgba(255,255,255,0.75);transition:color var(--dur) var(--ease);white-space:nowrap;isolation:isolate}
.sl-strip__plate{position:absolute;inset:0;background:#fff;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);opacity:0;transition:opacity var(--dur) var(--ease);z-index:-1}
.sl-strip__stripe{position:absolute;left:0;bottom:0;height:2px;width:calc(100% - 8px);background:var(--accent);opacity:0;transition:opacity var(--dur) var(--ease),width var(--dur) var(--ease);z-index:-1}
.sl-strip__sep{position:absolute;left:0;top:14px;bottom:14px;width:1px;background:rgba(255,255,255,0.14);transition:opacity var(--dur) var(--ease)}
.sl-strip__item.is-first .sl-strip__sep{opacity:0}
.sl-strip__body{position:relative;display:flex;align-items:center;gap:7px;transition:transform var(--dur) var(--ease)}
.sl-strip__icon{color:rgba(255,255,255,0.75);transition:filter var(--dur) var(--ease),opacity var(--dur) var(--ease),color var(--dur) var(--ease)}
.sl-strip__item.is-active{font-weight:700}
.sl-strip__item.is-active,.sl-strip__item.is-on{color:#000}
.sl-strip__item.is-active .sl-strip__plate,.sl-strip__item.is-on .sl-strip__plate,.sl-strip__item.is-active .sl-strip__stripe,.sl-strip__item.is-on .sl-strip__stripe{opacity:1}
.sl-strip__item.is-active .sl-strip__icon,.sl-strip__item.is-on .sl-strip__icon{color:var(--accent)}
.sl-strip__item.is-active .sl-strip__sep,.sl-strip__item.is-on .sl-strip__sep,.sl-strip__item.is-active + .sl-strip__item .sl-strip__sep,.sl-strip__item.is-on + .sl-strip__item .sl-strip__sep{opacity:0}

/* More sports panel */
.sl-sub{position:absolute;left:0;right:0;top:100%;z-index:55;background:#0b0b0b;border-top:1px solid rgba(255,255,255,0.1);box-shadow:0 30px 60px rgba(0,0,0,0.55)}
.sl-sub[hidden]{display:none}
.sl-sub__inner{padding-top:18px;padding-bottom:22px;display:flex;flex-direction:column;gap:14px}
.sl-sub__head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.sl-sub__kicker{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.45)}
.sl-sub__dash{width:16px;height:2px;background:var(--accent)}
.sl-sub__count{font-family:var(--font-data);font-weight:500;letter-spacing:0;color:rgba(255,255,255,0.3)}
.sl-sub__all{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.6);transition:color var(--dur) var(--ease)}
.sl-sub__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.sl-sub__item{position:relative;display:flex;align-items:center;gap:12px;height:64px;padding:0 14px 0 12px;border-radius:var(--r-md);overflow:hidden;background:#121212;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08);color:#fff;transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}
.sl-sub__cover{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0.28;transition:opacity var(--dur-slow) var(--ease)}
.sl-sub__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,11,0.95) 30%,rgba(11,11,11,0.55) 100%)}
.sl-sub__icon{position:relative;width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--r-sm);background:rgba(255,255,255,0.1);color:#fff;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
.sl-sub__text{position:relative;display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.sl-sub__label{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:0.02em;text-transform:uppercase;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-sub__desc{font-family:var(--font-body);font-size:11px;color:rgba(255,255,255,0.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-sub__chev{position:relative;display:flex;color:rgba(255,255,255,0.35);transition:transform var(--dur) var(--ease),color var(--dur) var(--ease)}
.sl-sub__item.is-active{box-shadow:inset 0 0 0 1px var(--accent);background:#1a1a1a}
.sl-sub__item.is-active .sl-sub__cover{opacity:0.5}
.sl-sub__item.is-active .sl-sub__icon{background:var(--accent)}
.sl-sub__item.is-active .sl-sub__chev{color:#fff}
.sl-sub__rule{height:3px;background:var(--accent)}

/* hover states (pointer devices only) */
@media (hover:hover) and (pointer:fine){
  .sl-logo:hover{transform:translateY(-1px)}
  .sl-logo:hover .sl-logo__glow{opacity:1}
  .sl-logo:hover img{filter:brightness(1.12) drop-shadow(0 0 10px rgba(225,6,0,0.35))}
  .sl-nav__item:hover{color:#fff}
  .sl-nav__item:hover .sl-nav__line{opacity:1}
  .sl-tools__search:hover{background:#1f1f1f;color:#fff;box-shadow:inset 0 0 0 1px var(--accent)}
  .sl-tg:hover{background:var(--tg-hover);transform:translateY(-1px);box-shadow:0 6px 14px rgba(34,158,217,0.35)}
  .sl-tg:hover .sl-tg__accent{width:12px}
  .sl-tg:hover svg{transform:translate(2px,-1px)}
  .sl-search__close:hover{color:#fff}
  .sl-search__item:hover{background:rgba(255,255,255,0.1)}
  .sl-mega__all:hover{color:#fff}
  .sl-mega__all:hover .sl-mega__all-arrow{transform:translateX(3px)}
  .sl-mobile__chip:hover{background:rgba(255,255,255,0.14)}
  .sl-mobile__sport:hover{background:rgba(255,255,255,0.14)}
  .sl-strip__item:hover{color:#000}
  .sl-strip__item:hover .sl-strip__plate,.sl-strip__item:hover .sl-strip__stripe{opacity:1}
  .sl-strip__item:hover .sl-strip__icon{color:var(--accent)}
  .sl-strip__item:hover .sl-strip__body{transform:translateY(-1px)}
  .sl-strip__item:hover .sl-strip__sep,.sl-strip__item:hover + .sl-strip__item .sl-strip__sep{opacity:0}
  .sl-sub__all:hover{color:#fff}
  .sl-sub__item:hover{background:#1a1a1a;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.22);transform:translateY(-1px)}
  .sl-sub__item:hover .sl-sub__cover{opacity:0.5}
  .sl-sub__item:hover .sl-sub__icon{background:#fff;color:#111}
  .sl-sub__item:hover .sl-sub__chev{color:#fff;transform:translateX(3px)}
  .sl-sub__item.is-active:hover .sl-sub__icon{background:var(--accent);color:#fff}
}

/* responsive (values from the prototype's vw logic) */
@media (max-width:1559px){.sl-nav__item{font-size:10.5px;padding:0 8px}}
@media (max-width:1399px){.sl-tg{display:none}}
@media (max-width:1339px){.sl-strip__fade{display:block}}
@media (max-width:1329px){
  .sl-logo,.sl-nav{display:none}
  .sl-logo-mobile{display:flex}
  .sl-header__bar{justify-content:space-between}
  .sl-tools{position:static}
  .sl-tools__search{width:38px;padding:0;justify-content:center}
  .sl-tools__search-label{display:none}
  .sl-tg{display:flex}
  .sl-burger{display:flex}
  .sl-mega{display:none!important}
}
@media (max-width:1099px){
  .sl-mega__inner{grid-template-columns:minmax(0,1fr)}
  .sl-mega__preview{display:none!important}
}
@media (max-width:699px){.sl-mega__tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:559px){.sl-logo-mobile img{height:34px}}
@media (max-width:419px){.sl-logo-mobile img{height:30px}.sl-tools{gap:6px}.sl-tg{padding:0 11px}.sl-tg__label{display:none}}

/* nested menu items (Appearance → Menus sub-items, e.g. "More" → Transfers, Video) */
.sl-nav__group{position:relative;display:flex;align-items:stretch}
.sl-nav__sub{position:absolute;left:0;top:100%;z-index:70;min-width:180px;padding:6px;background:#0b0b0b;border:1px solid rgba(255,255,255,0.12);border-radius:var(--r-md);box-shadow:0 24px 48px rgba(0,0,0,0.5);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .18s var(--ease),transform .18s var(--ease),visibility .18s}
.sl-nav__group:hover .sl-nav__sub,.sl-nav__group:focus-within .sl-nav__sub{opacity:1;visibility:visible;transform:translateY(0)}
.sl-nav__sub-item{display:flex;align-items:center;height:40px;padding:0 12px;border-radius:var(--r-sm);color:rgba(255,255,255,0.78);font-family:var(--font-nav);font-weight:800;font-size:11px;letter-spacing:0.06em;text-transform:uppercase;white-space:nowrap;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
.sl-nav__sub-item:hover,.sl-nav__sub-item.is-active{background:rgba(255,255,255,0.1);color:#fff}
.sl-mobile__link--child{padding-left:18px;font-size:16px;color:rgba(255,255,255,0.6)}
.sl-search:focus-within{box-shadow:0 0 0 3px rgba(225,6,0,0.35)}

/* footer.css */
/* ==========================================================================
   Footer — 1:1 port of SiteFooter.dc.html  (topCols: ≥1100 3 cols · ≥900 2 cols · else 1)
   ========================================================================== */
.sl-footer{position:relative;background:#0a0a0a;color:#fff;overflow:hidden}
.sl-footer__topline{position:absolute;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent) 28%,rgba(255,255,255,0.08) 28%)}
.sl-footer__watermark{position:absolute;right:4%;bottom:12%;font-family:var(--font-display);font-weight:800;font-size:clamp(96px,11vw,170px);line-height:1;letter-spacing:-0.02em;text-transform:uppercase;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,0.12);pointer-events:none;user-select:none;white-space:nowrap}
.sl-footer__inner{position:relative}
.sl-footer__top{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px clamp(28px,4vw,60px);padding:36px 0 30px;border-bottom:1px solid rgba(255,255,255,0.1)}
.sl-footer__brand{display:flex;flex-direction:column;gap:16px;min-width:0}
.sl-footer__logo{display:flex;align-items:center;align-self:flex-start}
.sl-footer__logo img{height:44px;width:auto;display:block}
.sl-footer__tagline{font-family:var(--font-display);font-weight:800;font-size:22px;line-height:1;letter-spacing:0;text-transform:uppercase;text-wrap:balance}
.sl-footer__accent{color:var(--accent)}
.sl-footer__about{margin:0;font-family:var(--font-body);font-size:var(--text-nav);line-height:1.6;color:#a3a3a3;max-width:400px;text-wrap:pretty}
.sl-footer__facts{display:flex;flex-wrap:wrap;gap:8px 22px;font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);letter-spacing:0.08em;text-transform:uppercase;color:#d6d6d6}
.sl-footer__facts>span{display:flex;align-items:center;gap:8px}
.sl-footer__fact-v{font-family:var(--font-data);font-weight:600;font-size:16px;letter-spacing:0;color:#fff}
.sl-footer__sections{display:flex;flex-direction:column;gap:2px;min-width:0}
.sl-footer__kicker{display:flex;align-items:center;gap:10px;height:36px;font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:0.14em;text-transform:uppercase;color:#8a8a8a}
.sl-footer__dash{width:14px;height:2px;background:var(--accent)}
.sl-footer__link{display:flex;align-items:center;gap:10px;height:34px;font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:0.03em;color:#d6d6d6;transition:color var(--dur) var(--ease)}
.sl-footer__link-dash{width:0;height:2px;background:var(--accent);transition:width var(--dur) var(--ease)}
.sl-footer__link-desc{font-family:var(--font-body);font-weight:400;font-size:var(--text-sm);color:#7b7b7b;margin-left:auto;padding-left:14px;white-space:nowrap}
.sl-footer__follow{display:flex;flex-direction:column;gap:14px;min-width:0}
.sl-footer__follow-text{margin:0;font-family:var(--font-body);font-size:var(--text-ui);line-height:1.55;color:#a3a3a3;max-width:300px;text-wrap:pretty}
.sl-footer__socials{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sl-footer__social{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--r-sm);background:rgba(255,255,255,0.06);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.12);transition:background var(--dur) var(--ease),color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}
.sl-footer__tg{display:flex;align-items:center;gap:10px;align-self:flex-start;height:40px;padding:0 16px;border-radius:var(--r-sm);background:var(--tg);color:#fff;font-family:var(--font-display);font-weight:700;font-size:var(--text-ui);letter-spacing:0.06em;text-transform:uppercase;transition:background var(--dur) var(--ease),transform var(--dur) var(--ease)}
.sl-footer__tg-arrow{display:flex;transition:transform var(--dur) var(--ease)}
.sl-footer__sports{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,0.1)}
.sl-footer__sports-kicker{display:flex;align-items:center;gap:8px;height:32px;padding-right:10px;margin-right:4px;font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:0.14em;text-transform:uppercase;color:#8a8a8a;border-right:1px solid rgba(255,255,255,0.12)}
.sl-footer__dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}
.sl-footer__sport{display:flex;align-items:center;gap:8px;height:36px;padding:0 13px 0 10px;border-radius:var(--r-sm);background:rgba(255,255,255,0.05);color:#d6d6d6;font-family:var(--font-display);font-weight:600;font-size:var(--text-nav);letter-spacing:0.03em;white-space:nowrap;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur) var(--ease)}
.sl-footer__sport-icon{color:#8a8a8a;transition:color var(--dur) var(--ease)}
.sl-footer__legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;padding:18px 84px 22px 0;font-family:var(--font-body);font-size:var(--text-sm);color:#8a8a8a}
.sl-footer__legal-links{display:flex;flex-wrap:wrap;gap:4px 20px}
.sl-footer__legal-links a{min-height:32px;display:inline-flex;align-items:center;color:#8a8a8a;transition:color var(--dur) var(--ease);white-space:nowrap}
.sl-footer__live{display:flex;align-items:center;gap:8px;font-family:var(--font-data);font-weight:500;color:#a3a3a3;white-space:nowrap}
.sl-footer__live-dot{width:7px;height:7px;border-radius:50%;background:var(--live);animation:pulseG 2.4s ease-out infinite}

/* back to top */
.sl-totop{position:fixed;right:28px;bottom:28px;z-index:80;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--r-md);background:#0d0d0d;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,0.22);opacity:0;transform:translateY(16px);pointer-events:none;transition:background var(--dur) var(--ease),opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease)}
.sl-totop.is-shown{opacity:1;transform:translateY(0);pointer-events:auto}

@media (hover:hover) and (pointer:fine){
  .sl-footer__link:hover{color:#fff}
  .sl-footer__link:hover .sl-footer__link-dash{width:14px}
  .sl-footer__social:hover{background:#fff;color:#111;box-shadow:inset 0 0 0 1px #fff;transform:translateY(-2px)}
  .sl-footer__tg:hover{background:var(--tg-hover);transform:translateY(-1px)}
  .sl-footer__tg:hover .sl-footer__tg-arrow{transform:translateX(3px)}
  .sl-footer__sport:hover{background:#fff;color:#111;transform:translateY(-1px)}
  .sl-footer__sport:hover .sl-footer__sport-icon{color:var(--accent)}
  .sl-footer__legal-links a:hover{color:#fff}
  .sl-totop.is-shown:hover{background:var(--accent);transform:translateY(-2px)}
}
@media (max-width:1099px){.sl-footer__top{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:899px){.sl-footer__top{grid-template-columns:minmax(0,1fr)}}

/* components.css */
/* ==========================================================================
   Shared components: breadcrumbs, modal, chips/tabs, form rows, pagination.
   Page-specific blocks live in assets/css/pages/*.css
   ========================================================================== */

/* breadcrumbs (design: 12px uppercase display font, chevrons, muted) */
.sl-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);letter-spacing:0.06em;text-transform:uppercase;color:var(--faint);line-height:1}
.sl-crumbs a{color:var(--faint);transition:color var(--dur) var(--ease)}
.sl-crumbs a:hover{color:#111}
.sl-crumbs [aria-current]{color:#111}
.sl-crumbs__sep{display:flex;color:#c4c4c0}
.sl-crumbs--dark,.sl-crumbs--dark a{color:rgba(255,255,255,0.55)}
.sl-crumbs--dark a:hover,.sl-crumbs--dark [aria-current]{color:#fff}
.sl-crumbs--dark .sl-crumbs__sep{color:rgba(255,255,255,0.3)}

/* modal shell (MatchQuickView, VideoModal) */
.sl-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;transition:opacity .2s var(--ease)}
.sl-modal.is-open{opacity:1}
.sl-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.72);backdrop-filter:blur(4px)}
.sl-modal__box{position:relative;width:100%;max-width:640px;max-height:calc(100vh - 48px);overflow:auto;background:#fff;border-radius:var(--r-lg);box-shadow:0 40px 80px rgba(0,0,0,0.45);transform:translateY(12px);transition:transform .25s var(--ease)}
.sl-modal.is-open .sl-modal__box{transform:translateY(0)}
.sl-modal__close{position:absolute;right:12px;top:12px;z-index:2;width:38px;height:38px;display:grid;place-items:center;border:0;cursor:pointer;border-radius:var(--r-sm);background:rgba(0,0,0,0.55);color:#fff;transition:background var(--dur) var(--ease)}
.sl-modal__close:hover{background:var(--accent)}
body.sl-modal-open{overflow:hidden}
@media (max-width:640px){.sl-modal{padding:12px;align-items:flex-end}.sl-modal__box{max-height:calc(100vh - 24px)}}

/* chip tabs (sport switchers, day tabs) */
.sl-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.sl-chip{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border:0;cursor:pointer;border-radius:var(--r-sm);background:transparent;color:#111;box-shadow:inset 0 0 0 1px var(--line-strong);font-family:var(--font-display);font-weight:700;font-size:var(--text-ui);letter-spacing:0.04em;text-transform:uppercase;white-space:nowrap;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.sl-chip .sl-mask{color:#444;transition:color var(--dur) var(--ease)}
.sl-chip.is-active{background:#0d0d0d;color:#fff;box-shadow:none}
.sl-chip.is-active .sl-mask{color:#fff}
.sl-chip__count{font-family:var(--font-data);font-weight:600;font-size:11px;min-width:22px;height:20px;padding:0 6px;display:grid;place-items:center;background:#d9d9d9;color:#111;border-radius:var(--r-xs)}
.sl-chip.is-active .sl-chip__count{background:#fff}
@media (hover:hover) and (pointer:fine){.sl-chip:not(.is-active):hover{background:var(--line-strong)}.sl-chip:not(.is-active):hover .sl-mask{color:var(--accent)}.sl-chip:not(.is-active):hover .sl-chip__count{background:#fff}}

/* segmented control (Newest/Oldest, Overall/Home/Away) */
.sl-seg{display:inline-flex;align-items:stretch;height:36px;border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--line-strong);overflow:hidden;background:#fff}
.sl-seg__btn{display:flex;align-items:center;padding:0 14px;border:0;cursor:pointer;background:transparent;color:#111;font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);letter-spacing:0.06em;text-transform:uppercase;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
.sl-seg__btn + .sl-seg__btn{border-left:1px solid var(--line-strong)}
.sl-seg__btn.is-active{background:#0d0d0d;color:#fff}

/* form bits */
.sl-input{height:44px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:#fff;font-family:var(--font-body);font-size:var(--text-body);color:#111;outline:0;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.sl-input:focus{border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,0.06)}
.sl-select{appearance:none;-webkit-appearance:none;height:36px;padding:0 34px 0 12px;border:0;box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:var(--r-sm);background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);letter-spacing:0.06em;text-transform:uppercase;color:#111;cursor:pointer}

/* pagination */
.sl-pager{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}
.sl-pager a,.sl-pager span{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--line-strong);font-family:var(--font-data);font-weight:600;font-size:13px;color:#111;background:#fff;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
.sl-pager .current{background:#0d0d0d;color:#fff;box-shadow:none}
.sl-pager .dots{box-shadow:none;background:transparent;color:var(--faint)}
.sl-pager a:hover{background:#0d0d0d;color:#fff}
.sl-pager .prev,.sl-pager .next{font-family:var(--font-display);letter-spacing:0.06em;text-transform:uppercase;gap:6px}
.sl-pager .is-disabled{opacity:0.4;pointer-events:none}

/* form strip (W/D/L badges) */
.sl-form{display:flex;gap:3px}
.sl-form__b{width:17px;height:17px;display:grid;place-items:center;color:#fff;font-family:var(--font-data);font-weight:600;font-size:10px;line-height:1;box-shadow:inset 0 -2px 0 rgba(0,0,0,0.18);border-radius:3px;background:#9a9a9a}
.sl-form__b--W{background:#157a42}.sl-form__b--L{background:var(--accent)}.sl-form__b--D,.sl-form__b--O{background:#757575}

/* live dot */
.sl-live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0;animation:pulse 2.4s ease-out infinite}

/* crest as image (raster) */
.sl-crest{display:block;flex-shrink:0;background-size:contain;background-repeat:no-repeat;background-position:center}

/* WordPress core classes needed for content */
.alignleft{float:left;margin:0 20px 10px 0}.alignright{float:right;margin:0 0 10px 20px}.aligncenter{display:block;margin:0 auto}
.wp-caption{max-width:100%}.wp-caption-text{font-size:var(--text-sm);color:var(--faint)}

/* ---- News grid card (template-parts/cards/news-card.php) — News.dc.html grid card 1:1 ---- */
.sl-news-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);border-radius:var(--r-md);overflow:hidden}
.sl-news-card__media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#161616}
.sl-news-card__img{position:absolute;inset:0;display:block;background-size:cover;background-position:center;transition:transform var(--dur-img) var(--ease)}
.sl-news-card__chip{position:absolute;left:12px;top:12px;height:24px;padding:0 10px;display:flex;align-items:center;background:var(--accent);color:#fff;border-radius:var(--r-xs);font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:0.08em;text-transform:uppercase}
.sl-news-card__body{display:flex;flex-direction:column;gap:8px;padding:14px 16px 12px;border-left:3px solid var(--line);transition:border-color var(--dur) var(--ease);flex:1}
.sl-news-card__meta{display:flex;align-items:center;gap:10px;font-family:var(--font-body);font-weight:500;font-size:var(--text-sm);color:var(--faint);white-space:nowrap}
.sl-news-card__meta time{font-family:var(--font-data);font-weight:500}
.sl-news-card__sep{width:1px;height:12px;background:var(--line)}
.sl-news-card__title{font-family:var(--font-display);font-weight:700;font-size:var(--text-card);line-height:1.1;color:#111;text-wrap:pretty;transition:color var(--dur) var(--ease)}
.sl-news-card__desc{font-family:var(--font-body);font-size:var(--text-ui);line-height:1.5;color:var(--muted);text-wrap:pretty;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sl-news-card__more{margin-top:auto;padding-top:6px;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);letter-spacing:0.06em;text-transform:uppercase;color:var(--faint);transition:color var(--dur) var(--ease)}
.sl-news-card__arrow{display:flex;color:var(--accent);transition:transform var(--dur) var(--ease)}
@media (hover:hover) and (pointer:fine){
  .sl-news-card:hover{border-color:#0d0d0d;transform:translateY(-2px);box-shadow:var(--shadow-md)}
  .sl-news-card:hover .sl-news-card__img{transform:scale(1.04)}
  .sl-news-card:hover .sl-news-card__body{border-left-color:var(--accent)}
  .sl-news-card:hover .sl-news-card__title{color:var(--accent)}
  .sl-news-card:hover .sl-news-card__more{color:#111}
  .sl-news-card:hover .sl-news-card__arrow{transform:translateX(4px)}
}

/* ---- Text breadcrumbs (template-parts/blocks/crumbs.php) — News/Article.dc.html breadcrumb 1:1 (Inter 500 12px, chevrons) ---- */
.sl-crumbs-text{display:flex;align-items:center;gap:10px;min-width:0;margin:0 0 22px;font-family:var(--font-body);font-weight:500;font-size:var(--text-sm);color:var(--faint)}
.sl-crumbs-text a{flex-shrink:0;padding:10px 0;margin:-10px 0;color:#555;transition:color var(--dur) var(--ease)}
.sl-crumbs-text a:hover{color:#111}
.sl-crumbs-text__sep{display:flex;flex-shrink:0;color:#bbb}
.sl-crumbs-text [aria-current]{color:#111;font-weight:600;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---- Hub link tiles (template-parts/blocks/hub-tiles.php) ---- */
/* grid variant — News.dc.html "internal linking" tiles */
.sl-hub-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sl-hub-tile{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px 24px;background:#fff;color:#111;border:1px solid var(--line);overflow:hidden;border-radius:var(--r-md);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
.sl-hub-tile__top{display:flex;align-items:center;justify-content:space-between}
.sl-hub-tile__kicker{font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);letter-spacing:0.1em;text-transform:uppercase;color:var(--accent)}
.sl-hub-tile__arrow{display:flex;transition:transform var(--dur) var(--ease)}
.sl-hub-tile__title{font-family:var(--font-display);font-weight:800;font-size:22px;line-height:1;text-transform:uppercase}
.sl-hub-tile__desc{font-family:var(--font-body);font-size:var(--text-ui);line-height:1.5;color:var(--muted);text-wrap:pretty;transition:color var(--dur) var(--ease)}
@media (max-width:999px){.sl-hub-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:639px){.sl-hub-tiles{grid-template-columns:minmax(0,1fr)}}
@media (hover:hover) and (pointer:fine){
  .sl-hub-tile:hover{background:#0d0d0d;color:#fff}
  .sl-hub-tile:hover .sl-hub-tile__desc{color:#c9c9c9}
  .sl-hub-tile:hover .sl-hub-tile__arrow{transform:translateX(4px)}
}
/* dark variant — Article.dc.html sidebar "Explore {Sport}" box */
.sl-hub-box{background:#0d0d0d;color:#fff;border-radius:var(--r-lg);overflow:hidden;border-top:3px solid var(--accent)}
.sl-hub-box__title{margin:0;padding:18px 18px 8px;font-family:var(--font-display);font-weight:800;font-size:18px;letter-spacing:0.01em;text-transform:uppercase}
.sl-hub-box__list{display:flex;flex-direction:column;padding:0 8px 10px}
.sl-hub-box__item{display:flex;align-items:center;justify-content:space-between;gap:12px;height:48px;padding:0 10px;border-radius:var(--r-sm);background:transparent;transition:background var(--dur) var(--ease)}
.sl-hub-box__text{display:flex;flex-direction:column;gap:2px;min-width:0}
.sl-hub-box__name{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:0.02em;text-transform:uppercase}
.sl-hub-box__desc{font-family:var(--font-body);font-size:var(--text-xs);color:#a3a3a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-hub-box__arrow{display:flex;color:var(--accent);transition:transform var(--dur) var(--ease)}
@media (hover:hover) and (pointer:fine){
  .sl-hub-box__item:hover{background:rgba(255,255,255,0.08)}
  .sl-hub-box__item:hover .sl-hub-box__arrow{transform:translateX(4px)}
}

/* ---- Compact match row (template-parts/blocks/match-row.php) — SportHub "Live & upcoming" (stack) / Competition "Matches" (inline) 1:1 ---- */
.sl-match-row{position:relative;display:grid;align-items:center;gap:14px;border-bottom:1px solid var(--line);background:#fff;transition:background var(--dur) var(--ease)}
.sl-match-row__edge{position:absolute;left:0;top:0;bottom:-1px;width:3px;background:transparent}
.sl-match-row.is-live .sl-match-row__edge{background:var(--accent)}
.sl-match-row__badge{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--r-sm);background:#f1f1ef}
.sl-match-row.is-live .sl-match-row__badge{background:var(--accent)}
.sl-match-row__status{font-family:var(--font-data);font-weight:600;line-height:1;color:#111;white-space:nowrap}
.sl-match-row__sub{font-family:var(--font-display);font-weight:700;font-size:10px;letter-spacing:0.08em;text-transform:uppercase;line-height:1;color:#6b6b6b}
.sl-match-row.is-live .sl-match-row__status{color:#fff}
.sl-match-row.is-live .sl-match-row__sub{color:#fff}
.sl-match-row__logo{display:block;flex-shrink:0;border-radius:50%;background-size:contain;background-repeat:no-repeat;background-position:center}
.sl-match-row__logo.is-empty{background-color:#e8e8e5}
.sl-match-row__name{font-family:var(--font-display);font-weight:700;line-height:1.1;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.is-lost>.sl-match-row__name,.sl-match-row__line.is-lost .sl-match-row__name,.sl-match-row__line.is-lost .sl-match-row__score{font-weight:600;color:#6b6b6b}
/* stack */
.sl-match-row--stack{flex:1;grid-template-columns:minmax(0,1fr) auto;padding:12px 16px 12px 18px}
.sl-match-row--stack .sl-match-row__main{display:flex;flex-direction:column;gap:7px;min-width:0}
.sl-match-row__comp{font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:0.1em;text-transform:uppercase;color:#6b6b6b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-match-row__line{display:grid;grid-template-columns:22px minmax(0,1fr) minmax(28px,auto);gap:10px;align-items:center}
.sl-match-row--stack .sl-match-row__logo{width:22px;height:22px}
.sl-match-row--stack .sl-match-row__name{font-size:16px}
.sl-match-row__score{font-family:var(--font-data);font-weight:600;font-size:16px;line-height:1;text-align:right;color:#111}
.sl-match-row--stack .sl-match-row__badge{gap:4px;min-width:60px;padding:8px 6px}
.sl-match-row--stack .sl-match-row__status{font-size:var(--text-nav)}
/* inline */
.sl-match-row--inline{grid-template-columns:60px minmax(0,1fr) 16px;min-height:64px;padding:10px 16px 10px 18px}
.sl-match-row--inline.has-meta{grid-template-columns:60px minmax(0,1fr) 90px 16px}
.sl-match-row--inline .sl-match-row__badge{gap:3px;min-width:54px;padding:6px}
.sl-match-row--inline .sl-match-row__status{font-size:var(--text-ui)}
.sl-match-row__teams{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center;min-width:0}
.sl-match-row__home,.sl-match-row__away{display:flex;align-items:center;gap:10px;min-width:0}
.sl-match-row__home{justify-content:flex-end}
.sl-match-row__home .sl-match-row__name{text-align:right}
.sl-match-row--inline .sl-match-row__logo{width:26px;height:26px}
.sl-match-row--inline .sl-match-row__name{font-size:17px}
.sl-match-row__vs{display:flex;align-items:center;justify-content:center;min-width:64px;height:30px;padding:0 10px;border-radius:var(--r-xs);background:#0d0d0d;color:#fff;font-family:var(--font-data);font-weight:600;font-size:15px;white-space:nowrap}
.sl-match-row.is-up .sl-match-row__vs{background:#f1f1ef;color:#666}
.sl-match-row.is-live .sl-match-row__vs{background:var(--accent);color:#fff}
.sl-match-row__meta{font-family:var(--font-body);font-size:var(--text-sm);color:var(--faint);white-space:nowrap;text-align:right}
.sl-match-row__chev{display:flex;color:#c4c4c0;transition:transform var(--dur) var(--ease),color var(--dur) var(--ease)}
@media (max-width:899px){.sl-match-row--inline.has-meta{grid-template-columns:60px minmax(0,1fr) 16px}.sl-match-row__meta{display:none}}
@media (hover:hover) and (pointer:fine){
  .sl-match-row:hover{background:#f7f7f5}
  .sl-match-row:hover .sl-match-row__chev{color:var(--accent);transform:translateX(3px)}
}

/* ---- Horizontal news row (template-parts/cards/news-row.php) — SportHub "Latest news" (hub) / Competition "news" (comp) 1:1 ---- */
.sl-news-row{display:grid;min-width:0;border-bottom:1px solid var(--line);border-radius:var(--r-sm);background:transparent;transition:background var(--dur) var(--ease)}
.sl-news-row--hub{grid-template-columns:168px minmax(0,1fr);gap:20px;padding:18px 12px}
.sl-news-row--comp{grid-template-columns:150px minmax(0,1fr);gap:18px;padding:16px 12px}
.sl-news-row__media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#161616;border-radius:var(--r-sm)}
.sl-news-row__img{position:absolute;inset:0;display:block;background-size:cover;background-position:50% 40%;transition:transform var(--dur-img) var(--ease)}
.sl-news-row__chip{position:absolute;left:8px;top:8px;height:24px;padding:0 10px;display:flex;align-items:center;background:var(--accent);color:#fff;border-radius:var(--r-xs);font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:0.08em;text-transform:uppercase}
.sl-news-row__body{display:flex;flex-direction:column;gap:6px;min-width:0}
.sl-news-row__meta{display:flex;align-items:center;gap:10px;font-family:var(--font-data);font-weight:500;font-size:var(--text-sm);color:#666;white-space:nowrap}
.sl-news-row--comp .sl-news-row__meta{gap:8px}
.sl-news-row__sep{width:1px;height:12px;background:var(--line-strong)}
.sl-news-row--comp .sl-news-row__sep{height:10px}
.sl-news-row__author{font-family:var(--font-body)}
.sl-news-row__cat{font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:0.08em;text-transform:uppercase;color:var(--accent)}
.sl-news-row__title{font-family:var(--font-display);font-weight:700;font-size:20px;line-height:1.1;color:#111;text-wrap:pretty;transition:color var(--dur) var(--ease)}
.sl-news-row--comp .sl-news-row__title{font-size:19px}
.sl-news-row__desc{font-family:var(--font-body);font-size:var(--text-nav);line-height:1.5;color:#555;text-wrap:pretty;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sl-news-row--comp .sl-news-row__desc{font-size:var(--text-ui)}
.sl-news-row__read{display:flex;align-items:center;gap:6px;margin-top:2px;font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);letter-spacing:0.08em;text-transform:uppercase;color:#444;transition:color var(--dur) var(--ease)}
.sl-news-row__arrow{display:flex;transition:transform var(--dur) var(--ease)}
@media (max-width:599px){.sl-news-row--hub{grid-template-columns:112px minmax(0,1fr)}.sl-news-row--comp{grid-template-columns:104px minmax(0,1fr)}}
@media (hover:hover) and (pointer:fine){
  .sl-news-row:hover{background:#f6f6f4}
  .sl-news-row:hover .sl-news-row__img{transform:scale(1.02)}
  .sl-news-row:hover .sl-news-row__title,.sl-news-row:hover .sl-news-row__read{color:var(--accent)}
  .sl-news-row:hover .sl-news-row__arrow{transform:translateX(3px)}
}
[data-bg]{background-color:#e6e6e2}

/* ---- SportsLife forecast block (template-parts/blocks/forecast.php) — shared by every match / race page ---- */
.sl-fc{--fc-home:var(--accent);--fc-draw:#757575;--fc-away:#111;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:18px 20px}
.sl-fc__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;margin-bottom:14px}
.sl-fc__h2{margin:0;display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:20px;text-transform:uppercase;color:#111}
.sl-fc__h2::before{content:"";width:4px;height:20px;background:var(--accent)}
.sl-fc__sub{font-family:var(--font-body);font-size:var(--text-sm);color:#6b6b6b}
.sl-fc__cards{display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));gap:10px}
.sl-fc__card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:170px;padding:18px 12px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:#fafaf8;text-align:center;overflow:hidden}
.sl-fc__card.is-pick{border-color:var(--accent);background:#fff;box-shadow:inset 0 0 0 1px var(--accent)}
.sl-fc__tag{position:absolute;top:0;left:50%;transform:translateX(-50%);padding:3px 10px;border-radius:0 0 8px 8px;background:var(--accent);color:#fff;font-family:var(--font-display);font-weight:700;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;white-space:nowrap}
.sl-fc__ava{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--line);overflow:hidden;margin-top:6px}
.sl-fc__ava img{width:36px;height:36px;object-fit:contain}
.sl-fc__ava svg,.sl-fc__ava img.sl-flag{width:28px;height:28px;border-radius:50%;object-fit:cover}
.sl-fc__ava.is-ini{font-family:var(--font-display);font-weight:700;font-size:15px;color:#fff;border:0}
.sl-fc__card.is-home .sl-fc__ava.is-ini{background:var(--fc-home)}
.sl-fc__card.is-draw .sl-fc__ava.is-ini{background:var(--fc-draw)}
.sl-fc__card.is-away .sl-fc__ava.is-ini{background:var(--fc-away)}
.sl-fc__pct{font-family:var(--font-display);font-weight:700;font-size:40px;line-height:1;color:#111;font-variant-numeric:tabular-nums}
.sl-fc__pct small{font-size:20px;margin-left:1px}
.sl-fc__card.is-pick .sl-fc__pct{color:var(--accent)}
.sl-fc__name{display:block;max-width:100%;font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);line-height:1.25;color:#111;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
a.sl-fc__name:hover{color:var(--accent)}
.sl-fc__role{font-family:var(--font-display);font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:#717171}
.sl-fc__track{display:block;width:100%;height:8px;margin-top:auto;border-radius:4px;background:#e8e8e5;overflow:hidden}
.sl-fc__track i{display:block;height:100%;width:var(--p,0%);border-radius:4px;transition:width .5s ease}
.sl-fc__card.is-home .sl-fc__track i{background:var(--fc-home)}
.sl-fc__card.is-draw .sl-fc__track i{background:var(--fc-draw)}
.sl-fc__card.is-away .sl-fc__track i{background:var(--fc-away)}
.sl-fc__podium{align-items:stretch;text-align:left;gap:10px;padding-top:16px}
.sl-fc__podium .sl-fc__role{text-align:center}
.sl-fc__pod{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;justify-content:center;flex:1}
.sl-fc__pod li{display:flex;align-items:center;gap:10px;font-family:var(--font-body);font-size:var(--text-sm);color:#111;min-width:0}
.sl-fc__pod li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sl-fc__pod b{flex:0 0 24px;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#111;color:#fff;font-family:var(--font-display);font-size:12px}
.sl-fc__pod li:first-child b{background:var(--accent)}
.sl-fc__split{display:flex;height:22px;margin-top:10px;border-radius:11px;overflow:hidden;background:#e8e8e5}
.sl-fc__split span{display:grid;place-items:center;min-width:0;height:100%}
.sl-fc__split span+span{border-left:2px solid #fff}
.sl-fc__split .is-home{background:var(--fc-home)}
.sl-fc__split .is-draw{background:var(--fc-draw)}
.sl-fc__split .is-away{background:var(--fc-away)}
.sl-fc__split em{font-style:normal;font-family:var(--font-data);font-size:11px;font-weight:600;color:#fff;font-variant-numeric:tabular-nums}
.sl-fc__pick{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:14px 0 0;padding:11px 14px;background:#111;color:#fff;border-radius:var(--r-sm)}
.sl-fc__pick-l{font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent-on-dark)}
.sl-fc__pick-v{font-family:var(--font-display);font-weight:700;font-size:18px;line-height:1}
.sl-fc__pick-n{font-family:var(--font-data);font-size:12px;color:rgba(255,255,255,0.75)}
.sl-fc__res{margin-left:auto;padding:3px 9px;border-radius:10px;font-family:var(--font-display);font-weight:700;font-size:10px;letter-spacing:0.1em;text-transform:uppercase;background:#fff;color:#111}
.sl-fc__res.is-correct{background:#1c9d4c;color:#fff}
.sl-fc__res.is-missed{background:#555;color:#fff}
.sl-fc__why{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-family:var(--font-body);font-size:var(--text-sm);line-height:1.5;color:#333}
.sl-fc__why li{position:relative;padding-left:18px}
.sl-fc__why li::before{content:"";position:absolute;left:0;top:0.55em;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.sl-fc__extra{margin:10px 0 0;font-family:var(--font-body);font-size:var(--text-sm);line-height:1.5;color:#333}
.sl-fc__after{margin-top:14px}
.sl-fc__note{margin:12px 0 0;font-family:var(--font-body);font-size:12px;line-height:1.5;color:#6b6b6b}
@media (max-width:640px){
	.sl-fc{padding:14px}
	.sl-fc__cards{gap:8px}
	.sl-fc__card{min-height:150px;padding:16px 8px 12px;gap:5px}
	.sl-fc__pct{font-size:30px}.sl-fc__pct small{font-size:15px}
	.sl-fc__ava{width:38px;height:38px}.sl-fc__ava img{width:30px;height:30px}
	.sl-fc__name{white-space:normal;font-size:12px}
	.sl-fc__cards[style="--n:4"],.sl-fc__cards:has(.sl-fc__podium){grid-template-columns:repeat(2,minmax(0,1fr))}
	.sl-fc__podium{grid-column:1/-1;min-height:0;padding:14px 12px}
	.sl-fc__pod{flex-direction:row;flex-wrap:wrap;gap:8px 16px}
	.sl-fc__pod li span{white-space:normal}
}
@media (max-width:380px){.sl-fc__pct{font-size:26px}.sl-fc__card{padding:14px 6px 10px}}

/* ---- interlinking: entity links inherit the text style, accent on hover ---- */
a.is-tl{color:inherit;text-decoration:none}
a.is-tl:hover{color:var(--accent)}
.sl-fc__pick a.is-tl:hover{color:#fff;text-decoration:underline}

/* ---- video cards (template-parts/cards/video-card.php): archive, home block, video pages ---- */
.sl-vcard{display:flex;flex-direction:column;gap:0;border-radius:var(--r-md);overflow:hidden;background:#fff;border:1px solid var(--line);color:#111;text-decoration:none;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.sl-vcard:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,0.12)}
.sl-vcard__img{position:relative;display:block;aspect-ratio:16/9;background:#1a1a1a center/cover no-repeat}
.sl-vcard__img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,0.45) 100%)}
.sl-vcard__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(225,6,0,0.92);color:#fff;transition:transform var(--dur) var(--ease)}
.sl-vcard__play svg{margin-left:2px}
.sl-vcard:hover .sl-vcard__play{transform:translate(-50%,-50%) scale(1.1)}
.sl-vcard__dur{position:absolute;right:10px;bottom:10px;z-index:1;padding:3px 7px;border-radius:4px;background:rgba(0,0,0,0.78);font-family:var(--font-data);font-size:11px;font-weight:600;color:#fff}
.sl-vcard__chip{position:absolute;left:10px;top:10px;z-index:1;padding:4px 8px;border-radius:4px;font-family:var(--font-display);font-weight:700;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:#fff;background:#111}
.sl-vcard__chip--accent{background:var(--accent)}
.sl-vcard__body{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px}
.sl-vcard__title{font-family:var(--font-display);font-weight:700;font-size:16px;line-height:1.15;text-transform:uppercase;color:#111;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sl-vcard__sub{font-family:var(--font-body);font-size:13px;line-height:1.5;color:#555;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sl-vcard__meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin-top:2px;font-family:var(--font-data);font-size:11px;color:#6b6b6b}
.sl-vcard__sep{width:3px;height:3px;border-radius:50%;background:#bbb}
.sl-vcard__more{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-family:var(--font-display);font-weight:700;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent)}
.sl-vcard--featured .sl-vcard__play{width:76px;height:76px}
.sl-vcard--featured .sl-vcard__title{font-size:clamp(20px,2.2vw,28px)}
.sl-vcard--featured .sl-vcard__body{padding:16px 18px 18px}
.sl-vcard--row{flex-direction:row;align-items:center;gap:12px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:10px 0}
.sl-vcard--row:first-child{border-top:0}
.sl-vcard--row:hover{transform:none;box-shadow:none}
.sl-vcard--row .sl-vcard__img{flex:0 0 120px;width:120px;border-radius:var(--r-sm);overflow:hidden}
.sl-vcard--row .sl-vcard__play{width:30px;height:30px}
.sl-vcard--row .sl-vcard__play svg{width:12px;height:12px}
.sl-vcard--row .sl-vcard__dur{right:6px;bottom:6px;padding:2px 5px;font-size:10px}
.sl-vcard--row .sl-vcard__body{padding:0;gap:4px;min-width:0}
.sl-vcard--row .sl-vcard__title{font-size:13px}
.sl-vcard--row .sl-vcard__more{display:none}
.sl-dark .sl-vcard,.sl-vcard--dark{background:#161616;border-color:#262626;color:#fff}
.sl-dark .sl-vcard__title,.sl-vcard--dark .sl-vcard__title{color:#fff}
.sl-dark .sl-vcard__sub,.sl-vcard--dark .sl-vcard__sub{color:rgba(255,255,255,0.65)}
.sl-dark .sl-vcard__meta,.sl-vcard--dark .sl-vcard__meta{color:rgba(255,255,255,0.5)}
.sl-dark .sl-vcard--row,.sl-vcard--dark.sl-vcard--row{border-top-color:#262626}

/* pagination (news, video) */
.sl-pager{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:40px}
.sl-pager__nav{display:flex;align-items:center;gap:8px;height:42px;padding:0 16px;border:1px solid var(--line-strong);border-radius:var(--r-sm);color:#111;font-family:var(--font-display);font-weight:700;font-size:var(--text-ui);letter-spacing:0.05em;text-transform:uppercase;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
.sl-pager__nav.is-disabled{color:#bbb;pointer-events:none}
.sl-pager__num{min-width:42px;height:42px;padding:0 8px;display:flex;align-items:center;justify-content:center;background:#fff;color:#555;border:1px solid var(--line-strong);font-family:var(--font-data);font-weight:600;font-size:var(--text-ui);transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease);border-radius:var(--r-sm)}
.sl-pager__num.is-current{background:#111;color:#fff;border-color:#111;pointer-events:none}
.sl-pager__dots{min-width:42px;height:42px;padding:0 8px;display:flex;align-items:center;justify-content:center;color:var(--faint);font-family:var(--font-data);font-weight:600;font-size:var(--text-ui)}
.sl-pager__info{margin:12px 0 0;text-align:center;font-family:var(--font-data);font-size:var(--text-sm);color:var(--faint)}
@media (hover:hover) and (pointer:fine){
  .sl-pager__nav:hover{background:#111;color:#fff}
  .sl-pager__num:hover{border-color:#111;color:#111}
}
/* FAQ (template-parts/blocks/faq.php): one column, first question open, one open at a time */
.sl-faq{display:flex;flex-direction:column;gap:14px}
.sl-faq-band{background:#fff;border-top:1px solid var(--line)}
.sl-faq-band__inner{padding-top:36px;padding-bottom:44px}
.sl-faq__head{display:flex;align-items:center;gap:14px}
.sl-faq__bar{width:5px;height:30px;background:var(--accent);border-radius:2px;flex-shrink:0}
.sl-faq__title{margin:0;font-family:var(--font-display);font-weight:800;font-size:28px;letter-spacing:0;text-transform:uppercase;line-height:1}
.sl-faq__list{display:flex;flex-direction:column;gap:10px;max-width:960px}
.sl-faq__item{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);transition:border-color var(--dur) var(--ease)}
.sl-faq__item.is-open{border-color:#111}
.sl-faq__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:56px;padding:14px 18px;border:0;background:none;cursor:pointer;text-align:left;font-family:var(--font-display);font-weight:700;font-size:17px;line-height:1.2;color:#111;border-radius:var(--r-md)}
.sl-faq__item.is-open .sl-faq__q{background:#f6f6f4;border-radius:var(--r-md) var(--r-md) 0 0}
.sl-faq__q-text{min-width:0}
.sl-faq__icon{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#f1f1ef;color:#111;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),color var(--dur) var(--ease)}
.sl-faq__item.is-open .sl-faq__icon{background:var(--accent);color:#fff;transform:rotate(45deg)}
.sl-faq__body{padding:0 18px 18px;border-top:1px solid var(--line)}
.sl-faq__body[hidden]{display:none}
.sl-faq__a{margin:14px 0 0;font-family:var(--font-body);font-size:15px;line-height:1.65;color:#333;text-wrap:pretty}
@media (hover:hover) and (pointer:fine){.sl-faq__q:hover{background:#f6f6f4}.sl-faq__q:hover .sl-faq__icon{background:var(--accent);color:#fff}}
@media (max-width:639px){.sl-faq__title{font-size:24px}.sl-faq__q{font-size:15px;padding:12px 14px;min-height:50px}.sl-faq__body{padding:0 14px 14px}.sl-faq-band__inner{padding-top:28px;padding-bottom:34px}}
@media (prefers-reduced-motion:reduce){.sl-faq__item,.sl-faq__icon{transition:none}}