@charset "UTF-8";
/* ==========================================================================
   Strims — arkusz stylów (etap 2, wariant „Doba")
   Oś organizacji: godzina. Strona to jedna doba na pionowej osi czasu.
   Fonty self-hostowane: Space Grotesk (display), Inter (tekst), JetBrains Mono (dane).
   ========================================================================== */

/* --- kroje -------------------------------------------------------------- */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('/assets/fonts/inter-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 700;font-display:swap;
  src:url('/assets/fonts/inter-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-017F,U+0218-021B}

@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('/assets/fonts/space-grotesk-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:'Space Grotesk';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('/assets/fonts/space-grotesk-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-017F,U+0218-021B}

@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('/assets/fonts/jetbrains-mono-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:'JetBrains Mono';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('/assets/fonts/jetbrains-mono-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-017F,U+0218-021B}

/* --- tokeny ------------------------------------------------------------- */
:root{
  --paper:#FBFCFA;
  --card:#FFFFFF;
  --sand:#F4F0E8;
  --ink:#0F140F;
  --ink-2:#59635C;
  --ink-3:#626F65;
  --past:#626F65;
  --rule:#E5EAE5;
  --rule-2:#F0F3F0;
  --green:#0B6E4F;
  --green-2:#0F8A63;
  --green-soft:#E7F4EE;
  --live:#CE3A24;
  --live-soft:#FCEEEA;
  --shadow:0 1px 1px rgba(15,20,15,.03), 0 12px 32px -24px rgba(15,20,15,.35);
  --font-display:'Space Grotesk','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}

/* --- baza --------------------------------------------------------------- */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--font-body);font-size:15px;line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;line-height:1.1}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--green-2);outline-offset:3px;border-radius:3px}

.container{max-width:1180px;margin:0 auto;padding:0 22px}
.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{
  position:absolute;left:16px;top:-60px;z-index:100;background:var(--ink);color:#fff;
  padding:10px 16px;border-radius:6px;font-size:14px;font-weight:600;transition:top .16s ease;
}
.skip-link:focus{top:12px}

/* --- nagłówek ----------------------------------------------------------- */
.site-head{position:sticky;top:0;z-index:40;background:rgba(251,252,250,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}
.site-head__row{display:flex;align-items:center;gap:26px;height:66px}
.brand{display:flex;align-items:center;gap:8px;margin-right:auto;font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-.05em}
.brand__ring{width:9px;height:9px;border-radius:50%;border:2.5px solid var(--green);flex:0 0 auto}
.site-nav{display:none;gap:24px;font-size:14.5px;color:var(--ink-2)}
@media(min-width:900px){.site-nav{display:flex}}
.site-nav a:hover{color:var(--green)}
.site-nav a.is-active{color:var(--ink);font-weight:600}
.site-head__clock{display:none;font-family:var(--font-mono);font-size:12px;color:var(--ink-3)}
@media(min-width:640px){.site-head__clock{display:block}}
.nav-toggle{
  width:38px;height:38px;display:grid;place-items:center;gap:4px;
  border:1px solid var(--rule);border-radius:50%;color:var(--ink-2);
}
@media(min-width:900px){.nav-toggle{display:none}}
.nav-toggle span{display:block;width:15px;height:1.5px;background:currentColor;border-radius:1px;grid-column:1;grid-row:1;transition:transform .18s ease,opacity .18s ease}
.nav-toggle span:nth-child(1){transform:translateY(-4.5px)}
.nav-toggle span:nth-child(3){transform:translateY(4.5px)}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:rotate(-45deg)}

.mobile-nav{display:none;border-bottom:1px solid var(--rule);background:var(--card)}
.mobile-nav.is-open{display:block}
@media(min-width:900px){.mobile-nav.is-open{display:none}}
.mobile-nav a{display:block;padding:13px 0;border-bottom:1px solid var(--rule-2);font-size:15px}
.mobile-nav a:last-child{border-bottom:0}
.mobile-nav a.is-active{color:var(--green);font-weight:600}

/* --- hero --------------------------------------------------------------- */
.hero{padding:44px 0 8px}
.hero__grid{display:grid;gap:32px;grid-template-columns:minmax(0,1fr)}
.hero__grid > *{min-width:0}
@media(min-width:980px){.hero__grid{grid-template-columns:minmax(0,1fr) 380px;align-items:end}}
.hero__kicker{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--green);margin-bottom:14px}
.hero__title{font-size:clamp(46px,8vw,84px);line-height:.98;letter-spacing:-.055em}
.hero__title em{
  display:block;font-style:normal;font-size:.36em;line-height:1.1;letter-spacing:-.035em;
  color:var(--ink-3);margin-top:.12em;
}
.hero__lede{margin:18px 0 0;font-size:16px;color:var(--ink-2);max-width:48ch}
.hero__lede b{color:var(--ink);font-weight:600}
.hero__days{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap}
.daypill{display:flex;flex-direction:column;padding:8px 15px;border-radius:22px;border:1px solid var(--rule);background:var(--card)}
.daypill:hover{border-color:var(--green-2)}
.daypill__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.daypill__date{font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:-.02em}
.daypill.is-active{background:var(--green);border-color:var(--green);color:#fff}
.daypill.is-active .daypill__label{color:#9BD3BC}

/* --- panel „trwa teraz" ------------------------------------------------- */
.livebox{background:var(--card);border:1px solid var(--rule);border-radius:14px;padding:18px;box-shadow:var(--shadow)}
.livebox__head{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--live);flex:0 0 auto;animation:blip 1.8s ease-in-out infinite}
@keyframes blip{50%{opacity:.25}}
.livebox__label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--live)}
.livebox__label--next{color:var(--green)}
.livebox__time{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--ink-3)}
.liveitem{display:block;padding:11px 0;border-top:1px solid var(--rule-2)}
.liveitem:first-of-type{border-top:0;padding-top:0}
.liveitem__top{display:flex;align-items:baseline;gap:10px;min-width:0}
.liveitem__teams{min-width:0;flex:1 1 auto;font-family:var(--font-display);font-weight:600;font-size:14.5px;letter-spacing:-.025em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.liveitem__minute{margin-left:auto;font-family:var(--font-mono);font-weight:700;font-size:12.5px;color:var(--live);flex:0 0 auto;white-space:nowrap}
.liveitem__start{margin-left:auto;font-family:var(--font-mono);font-weight:500;font-size:13px;color:var(--ink-2);flex:0 0 auto}
.liveitem__meta{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:11.5px;color:var(--ink-3)}
.liveitem__ch{color:var(--ink-2);font-weight:500}
.bar{display:block;height:3px;border-radius:2px;background:var(--rule-2);margin-top:8px;overflow:hidden}
.bar span{display:block;height:100%;background:var(--live);border-radius:2px}
.livebox__empty{font-size:13px;color:var(--ink-3);line-height:1.5}

/* --- filtr dyscyplin ---------------------------------------------------- */
.sporttabs{display:flex;gap:2px;margin:38px 0 6px;border-bottom:1px solid var(--rule);overflow-x:auto;scrollbar-width:none}
.sporttabs::-webkit-scrollbar{display:none}
.sporttab{flex:0 0 auto;padding:11px 15px;font-size:14px;color:var(--ink-2);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.sporttab:hover{color:var(--ink)}
.sporttab.is-active{color:var(--green);border-bottom-color:var(--green);font-weight:600}
.sporttab__count{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);margin-left:6px}

/* --- układ dwukolumnowy ------------------------------------------------- */
.layout{display:grid;gap:44px;grid-template-columns:1fr;padding-top:12px}
@media(min-width:1060px){.layout{grid-template-columns:minmax(0,1fr) 312px}}

/* --- SYGNATURA: oś doby ------------------------------------------------- */
.spine{position:relative;padding-top:14px}
.spine::before{content:"";position:absolute;left:63px;top:0;bottom:34px;width:1px;background:var(--rule)}
@media(max-width:620px){.spine::before{left:47px}}

.slot{display:grid;grid-template-columns:64px minmax(0,1fr)}
@media(max-width:620px){.slot{grid-template-columns:48px minmax(0,1fr)}}
.slot__time{font-family:var(--font-mono);font-size:13px;padding-top:20px;color:var(--ink);letter-spacing:-.02em}
.slot__body{padding:8px 0 8px 26px;position:relative}
@media(max-width:620px){.slot__body{padding-left:20px}}
.slot__body::before{
  content:"";position:absolute;left:-1.5px;top:26px;width:9px;height:9px;border-radius:50%;
  background:var(--paper);border:2px solid var(--rule);
}
.slot--live .slot__body::before{border-color:var(--live);background:var(--live)}
.slot--past .slot__body::before{border-color:var(--rule);background:var(--rule)}
.slot--past .slot__time{color:var(--past)}

.nowline{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;margin:6px 0}
@media(max-width:620px){.nowline{grid-template-columns:48px minmax(0,1fr)}}
.nowline__time{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--live)}
.nowline__rule{position:relative;height:1px;background:var(--live);margin-left:26px}
@media(max-width:620px){.nowline__rule{margin-left:20px}}
.nowline__rule::before{content:"";position:absolute;left:-27px;top:-4.5px;width:9px;height:9px;border-radius:50%;background:var(--live)}
@media(max-width:620px){.nowline__rule::before{left:-21px}}
.nowline__rule::after{
  content:"TERAZ";position:absolute;right:0;top:-8px;background:var(--paper);padding-left:9px;
  font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.16em;color:var(--live);
}

/* --- karta wydarzenia --------------------------------------------------- */
.event{
  display:grid;gap:16px;grid-template-columns:minmax(0,1fr);
  background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:16px 18px;
  transition:border-color .14s ease,transform .14s ease;
}
.event + .event{margin-top:10px}
@media(min-width:700px){.event{grid-template-columns:minmax(0,1fr) 208px;align-items:center}}
.event:hover{border-color:var(--green-2);transform:translateY(-1px)}
.slot--past .event{background:transparent;border-color:var(--rule-2)}
.slot--past .event .event__teams{color:var(--ink-3)}
.event__league{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--ink-2);font-weight:500;margin-bottom:6px}
.event__time{display:block;font-family:var(--font-mono);font-size:12.5px;color:var(--ink-2);margin-bottom:6px}
.event__teams{display:block;font-family:var(--font-display);font-size:19px;font-weight:600;letter-spacing:-.032em;line-height:1.2}
@media(max-width:620px){.event__teams{font-size:17px}}
.event__teams em{font-style:normal;color:var(--ink-3);font-weight:400}
.event__venue{display:block;font-size:12.5px;color:var(--ink-3);margin-top:5px}
.event__watch{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
@media(min-width:700px){.event__watch{align-items:flex-end;text-align:right}}
.event__watchlabel{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-3)}
.event__ch{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:-.025em}
.event__free{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:10px;background:var(--green-soft);color:var(--green);font-size:10.5px;font-weight:600}
.event__live{
  display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:11px;
  background:var(--live-soft);color:var(--live);font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.06em;
}
.event__result{font-family:var(--font-mono);font-size:16px;font-weight:700}
.slot--past .event__result{color:var(--ink-3)}

/* --- pusty stan --------------------------------------------------------- */
.blank{background:var(--card);border:1px dashed var(--rule);border-radius:12px;padding:40px 26px;text-align:center}
.blank__title{font-family:var(--font-display);font-size:19px;font-weight:600;letter-spacing:-.03em}
.blank__text{margin-top:8px;font-size:14px;color:var(--ink-2);max-width:44ch;margin-left:auto;margin-right:auto}
.blank__cta{display:inline-flex;margin-top:16px;padding:9px 18px;border-radius:20px;background:var(--green);color:#fff;font-size:14px;font-weight:600}
.blank__cta:hover{background:var(--ink)}

/* --- kolumna boczna ----------------------------------------------------- */
.aside{display:flex;flex-direction:column;gap:30px}
.panel__title{font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:-.02em;margin-bottom:12px;display:flex;align-items:baseline;gap:8px}
.panel__title span{font-family:var(--font-mono);font-size:10.5px;font-weight:400;color:var(--ink-3);margin-left:auto}
.channels{display:flex;flex-direction:column;border:1px solid var(--rule);border-radius:12px;overflow:hidden;background:var(--card)}
.channels li + li{border-top:1px solid var(--rule-2)}
.channels__row{display:flex;align-items:center;gap:10px;padding:11px 14px;font-size:13.5px}
.channels__dot{width:6px;height:6px;border-radius:50%;background:var(--ink-3);flex:0 0 auto}
.channels__dot--free{background:var(--green)}
.channels__count{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--ink-3)}

.sidepost{display:block;padding:14px 0;border-top:1px solid var(--rule)}
.sidepost:first-of-type{border-top:0;padding-top:0}
.sidepost__title{display:block;font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:-.028em;line-height:1.28}
.sidepost:hover .sidepost__title{color:var(--green)}
.sidepost__meta{display:block;font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);margin-top:6px;text-transform:uppercase}

.promo{background:var(--sand);border-radius:14px;padding:18px}
.promo__title{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:-.025em;margin-bottom:4px}
.promo__text{font-size:12.5px;color:var(--ink-2);line-height:1.5}
.promo__list{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.promo__item{display:flex;align-items:center;gap:10px;background:var(--card);border-radius:9px;padding:10px 12px;font-size:13px}
.promo__item:hover{box-shadow:var(--shadow)}
.promo__name{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}
.promo__code{margin-left:auto;font-family:var(--font-mono);font-size:10.5px;color:var(--green)}
.promo__note{font-size:10.5px;color:var(--ink-3);margin-top:10px;line-height:1.45}

/* --- stopka ------------------------------------------------------------- */
.site-foot{margin-top:60px;border-top:1px solid var(--rule);padding:30px 0 40px;background:var(--card)}
.site-foot__grid{display:grid;gap:20px;grid-template-columns:1fr}
@media(min-width:760px){.site-foot__grid{grid-template-columns:1fr 1fr}}
.site-foot .brand{margin-bottom:14px}
.foot-nav{display:flex;flex-wrap:wrap;gap:16px;font-size:13.5px;color:var(--ink-2)}
.foot-nav a:hover{color:var(--green)}
.foot-legal{font-size:11.5px;color:var(--ink-3);line-height:1.6;display:flex;gap:12px;align-items:flex-start}
.age{
  display:inline-grid;place-items:center;width:28px;height:28px;flex:0 0 auto;
  border:1.5px solid var(--live);color:var(--live);border-radius:50%;
  font-family:var(--font-mono);font-size:10px;font-weight:700;
}
.site-foot__bottom{margin-top:20px;padding-top:16px;border-top:1px solid var(--rule-2);font-size:11.5px;color:var(--ink-3);display:flex;flex-wrap:wrap;gap:8px}

/* --- blok tekstowy pod osią --------------------------------------------- */
.seo{margin:58px 0 0;padding-top:40px;border-top:1px solid var(--rule)}
.seo__eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--green);margin-bottom:14px}
.seo__title{font-size:clamp(25px,3.6vw,38px);letter-spacing:-.04em;max-width:30ch;text-wrap:balance}
.seo__lead{margin-top:18px;font-size:17px;line-height:1.6;color:var(--ink-2);max-width:64ch}
.seo__grid{display:grid;gap:30px 46px;grid-template-columns:1fr;margin-top:38px}
@media(min-width:780px){.seo__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.seo__h3{font-size:16px;font-weight:700;letter-spacing:-.028em;line-height:1.3}
.seo__h3--wide{margin-top:40px}
.seo__p{margin-top:9px;font-size:14.5px;line-height:1.65;color:var(--ink-2)}
.seo__p--wide{max-width:74ch}
.seo__note{margin-top:12px;font-size:12.5px;line-height:1.6;color:var(--ink-3);max-width:74ch}

.rights{margin-top:14px;border:1px solid var(--rule);border-radius:12px;overflow-x:auto;background:var(--card)}
.rights__table{width:100%;border-collapse:collapse;font-size:14px;min-width:440px}
.rights__table th,.rights__table td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--rule-2)}
.rights__table thead th{
  font-family:var(--font-mono);font-size:10.5px;font-weight:400;letter-spacing:.13em;
  text-transform:uppercase;color:var(--ink-3);background:var(--rule-2);border-bottom:1px solid var(--rule);
}
.rights__table tbody tr:last-child th,.rights__table tbody tr:last-child td{border-bottom:0}
.rights__table tbody th{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.rights__table td{color:var(--ink-2)}
.rights__table tbody tr:hover{background:var(--green-soft)}
.rights__free{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:10px;background:var(--green-soft);color:var(--green);font-size:11px;font-weight:600}

/* ==========================================================================
   Strona meczu — /transmisja/{slug}
   ========================================================================== */
.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:20px 0 0;font-size:12.5px;color:var(--ink-3)}
.breadcrumb__link:hover{color:var(--green)}
.breadcrumb__sep{color:var(--rule)}
.breadcrumb__current{color:var(--ink-2)}

.match__hero{padding:26px 0 34px}
.match__kicker{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin-bottom:14px}
.match__title{font-size:clamp(30px,5.2vw,54px);line-height:1.02;letter-spacing:-.045em;max-width:19ch;text-wrap:balance}
.match__title em{font-style:normal;color:var(--ink-3);font-weight:400}
.match__intent{display:block;font-size:.34em;line-height:1.2;letter-spacing:-.025em;color:var(--ink-3);margin-top:.34em;font-weight:600}

.facts{display:grid;gap:0;grid-template-columns:repeat(2,minmax(0,1fr));margin:30px 0 0;border-top:1px solid var(--rule)}
@media(min-width:820px){.facts{grid-template-columns:repeat(4,minmax(0,1fr))}}
.facts__item{padding:15px 18px 17px 0;border-right:1px solid var(--rule);min-width:0}
.facts__item:last-child{border-right:0}
@media(max-width:819px){.facts__item:nth-child(2n){border-right:0}.facts__item:nth-child(-n+2){border-bottom:1px solid var(--rule)}}
.facts__key{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px}
.facts__value{margin:0;font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:-.03em;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.facts__value--plain{font-size:15px;font-weight:500;letter-spacing:-.02em;line-height:1.35}
.facts__sub{flex-basis:100%;font-family:var(--font-body);font-size:12px;font-weight:400;letter-spacing:0;color:var(--ink-3)}
.facts__score{font-family:var(--font-mono);font-size:19px;font-weight:700}

.tag{display:inline-flex;align-items:center;gap:6px;height:21px;padding:0 9px;border-radius:11px;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:0}
.tag--free{background:var(--green-soft);color:var(--green)}
.tag--live{background:var(--live-soft);color:var(--live);font-family:var(--font-mono);font-weight:700;letter-spacing:.05em}

.match__main{display:flex;flex-direction:column;gap:46px;min-width:0}
.section__title{font-size:21px;letter-spacing:-.035em;margin-bottom:16px;text-wrap:balance}

/* gdzie oglądać */
.watch__list{border:1px solid var(--rule);border-radius:12px;overflow:hidden;background:var(--card)}
.watch__row{display:flex;align-items:center;gap:11px;padding:14px 16px;border-bottom:1px solid var(--rule-2);flex-wrap:wrap}
.watch__row:last-child{border-bottom:0}
.watch__dot{width:7px;height:7px;border-radius:50%;background:var(--ink-3);flex:0 0 auto}
.watch__dot--free{background:var(--green)}
.watch__name{font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:-.025em}
.watch__access{margin-left:auto;font-size:12.5px;color:var(--ink-3)}
.watch__link{font-size:12.5px;color:var(--green);text-decoration:underline;text-underline-offset:3px}
.watch__note{margin-top:12px;font-size:12.5px;line-height:1.6;color:var(--ink-3);max-width:68ch}
.watch__empty{background:var(--card);border:1px dashed var(--rule);border-radius:12px;padding:22px;font-size:14.5px;line-height:1.6;color:var(--ink-2)}
.watch__books{margin-top:24px;background:var(--sand);border-radius:14px;padding:18px}
.watch__bookstitle{font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:-.02em;margin-bottom:12px}
.watch__bookslist{display:flex;flex-wrap:wrap;gap:8px}
.bookchip{display:inline-flex;align-items:center;gap:9px;background:var(--card);border-radius:9px;padding:9px 13px}
.bookchip:hover{box-shadow:var(--shadow)}
.bookchip__name{font-family:var(--font-display);font-weight:700;font-size:13.5px;letter-spacing:-.02em}
.bookchip__promo{font-family:var(--font-mono);font-size:10.5px;color:var(--green)}
.watch__legal{margin-top:11px;font-size:10.5px;color:var(--ink-3)}

/* zapowiedź */
.prose{font-size:16px;line-height:1.72;color:var(--ink-2);max-width:70ch}
.prose p{margin:0 0 1.05em}
.prose p:last-child{margin-bottom:0}
.prose h2{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.03em;margin:1.8em 0 .55em;color:var(--ink)}
.prose h3{font-family:var(--font-display);font-size:17px;font-weight:600;letter-spacing:-.025em;margin:1.6em 0 .5em;color:var(--ink)}
.prose h2:first-child,.prose h3:first-child{margin-top:0}
.prose ul,.prose ol{margin:0 0 1.05em;padding-left:1.2em;list-style:disc}
.prose ol{list-style:decimal}
.prose li{margin-bottom:.35em}
.prose strong{color:var(--ink);font-weight:600}
.prose a{color:var(--green);text-decoration:underline;text-underline-offset:3px}

/* kursy */
.odds__row{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}
.odds__cell{background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:15px 16px;display:flex;flex-direction:column;gap:7px;min-width:0}
.odds__label{font-size:12.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.odds__value{font-family:var(--font-mono);font-size:22px;font-weight:700;letter-spacing:-.03em}
.odds__note{margin-top:11px;font-size:12px;color:var(--ink-3)}

/* forma i składy */
.form__grid,.lineups__grid{display:grid;gap:26px;grid-template-columns:1fr}
@media(min-width:700px){.form__grid,.lineups__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.form__name,.lineups__name{font-size:15px;font-weight:600;letter-spacing:-.025em;margin-bottom:11px}
.form__list,.lineups__list{background:var(--card);border:1px solid var(--rule);border-radius:12px;overflow:hidden}
.form__row,.lineups__player{display:flex;align-items:center;gap:11px;padding:10px 14px;border-bottom:1px solid var(--rule-2);font-size:14px}
.form__row:last-child,.lineups__player:last-child{border-bottom:0}
.form__badge{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;font-family:var(--font-mono);font-size:11px;font-weight:700;flex:0 0 auto;background:var(--rule-2);color:var(--ink-2)}
.form__badge--w{background:var(--green-soft);color:var(--green)}
.form__badge--l{background:var(--live-soft);color:var(--live)}
.form__opponent{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.form__score{margin-left:auto;font-family:var(--font-mono);font-size:13px;color:var(--ink-3);flex:0 0 auto}
.lineups__number{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-3);width:22px;flex:0 0 auto}
.lineups__cap{margin-left:auto;font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--green)}

/* H2H */
.h2h__summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.h2h__stat{background:var(--card);border:1px solid var(--rule);border-radius:20px;padding:7px 14px;font-size:12.5px;color:var(--ink-2)}
.h2h__stat b{font-family:var(--font-mono);color:var(--ink);margin:0 2px}
.h2h__list{background:var(--card);border:1px solid var(--rule);border-radius:12px;overflow:hidden}
.h2h__row{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--rule-2);font-size:14px}
.h2h__row:last-child{border-bottom:0}
.h2h__date{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-3);flex:0 0 auto}
.h2h__teams{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h2h__score{margin-left:auto;font-family:var(--font-mono);font-weight:700;flex:0 0 auto}
.h2h__score--none{color:var(--ink-3);font-weight:400}

/* podobne mecze */
.similar__list{display:flex;flex-direction:column;gap:8px}
.similar__row{display:flex;align-items:center;gap:13px;background:var(--card);border:1px solid var(--rule);border-radius:11px;padding:13px 15px}
.similar__row:hover{border-color:var(--green-2)}
.similar__time{font-family:var(--font-mono);font-size:13px;font-weight:500;flex:0 0 auto}
.similar__teams{font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:-.025em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.similar__day{margin-left:auto;font-size:12px;color:var(--ink-3);flex:0 0 auto}

/* --- 404 ----------------------------------------------------------------- */
.errorpage{max-width:56ch;margin:0 auto;padding:80px 0 96px;text-align:center}
.errorpage__code{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.24em;color:var(--green);margin-bottom:18px}
.errorpage__title{font-size:clamp(30px,5vw,46px);letter-spacing:-.045em}
.errorpage__text{margin-top:16px;font-size:16px;line-height:1.65;color:var(--ink-2)}
.errorpage__actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:28px}
.errorpage__cta{display:inline-flex;align-items:center;height:44px;padding:0 24px;border-radius:22px;background:var(--green);color:#fff;font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:-.02em}
.errorpage__cta:hover{background:var(--ink)}
.errorpage__link{font-size:14.5px;color:var(--ink-2);text-decoration:underline;text-underline-offset:4px}
.errorpage__link:hover{color:var(--green)}

/* ==========================================================================
   Aktualności — /aktualnosci/ i /aktualnosci/{slug}
   ========================================================================== */
.newshero{padding:26px 0 34px;border-bottom:1px solid var(--rule);margin-bottom:34px}
.newshero__eyebrow{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--green);margin-bottom:14px}
.newshero__title{font-size:clamp(34px,6vw,60px);line-height:1.0;letter-spacing:-.05em}
.newshero__title em{display:block;font-style:normal;font-size:.4em;line-height:1.15;letter-spacing:-.035em;color:var(--ink-3);margin-top:.16em}
.newshero__lede{margin-top:18px;font-size:16px;line-height:1.6;color:var(--ink-2);max-width:56ch}
.newshero__meta{margin-top:16px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;color:var(--ink-3)}

/* artykuł wiodący */
.lead{display:grid;gap:0;grid-template-columns:1fr;background:var(--card);border:1px solid var(--rule);border-radius:14px;overflow:hidden;margin-bottom:16px;transition:border-color .14s ease,transform .14s ease}
@media(min-width:820px){.lead{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch}
.lead--noimage{grid-template-columns:minmax(0,1fr)}}
.lead:hover{border-color:var(--green-2);transform:translateY(-1px)}
.lead__media{display:block;background:var(--rule-2);min-height:180px}
.lead__media img{width:100%;height:100%;object-fit:cover;display:block}
.lead__body{display:flex;flex-direction:column;gap:10px;padding:24px}
@media(min-width:820px){.lead__body{padding:30px;justify-content:center}}
.lead__kicker{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--green)}
.lead__title{font-family:var(--font-display);font-size:clamp(21px,2.6vw,29px);font-weight:700;letter-spacing:-.04em;line-height:1.15}
.lead__excerpt{font-size:14.5px;line-height:1.6;color:var(--ink-2)}
.lead__date{margin-top:auto;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}

/* karty */
.cards{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:640px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1020px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cards--tight{gap:12px}
@media(min-width:1020px){.cards--tight{grid-template-columns:repeat(3,minmax(0,1fr))}}
.card{display:flex;flex-direction:column;gap:9px;background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:18px;transition:border-color .14s ease,transform .14s ease;min-width:0}
.card:hover{border-color:var(--green-2);transform:translateY(-1px)}
.card__media{display:block;margin:-18px -18px 4px;background:var(--rule-2);border-radius:12px 12px 0 0;overflow:hidden}
.card__media img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.card__title{font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:-.03em;line-height:1.28}
.card__excerpt{font-size:13.5px;line-height:1.55;color:var(--ink-2)}
.card__date{margin-top:auto;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}

/* paginacja */
.pagination{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:34px 0 0;padding-top:24px;border-top:1px solid var(--rule)}
.pagination__page{display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0 11px;border:1px solid var(--rule);border-radius:19px;background:var(--card);font-family:var(--font-mono);font-size:13px}
.pagination__page:hover{border-color:var(--green-2);color:var(--green)}
.pagination__page.is-active{background:var(--green);border-color:var(--green);color:#fff}
.pagination__ellipsis{padding:0 4px;color:var(--ink-3)}
.pagination__nav{display:inline-flex;align-items:center;height:38px;padding:0 15px;border-radius:19px;font-size:13.5px;font-weight:500;color:var(--ink-2)}
.pagination__nav:hover{color:var(--green)}
.pagination__nav[rel="next"]{margin-left:auto}

/* artykuł */
.post{min-width:0}
.post__head{padding:22px 0 0}
.post__eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--green);margin-bottom:14px}
.post__title{font-size:clamp(28px,4.4vw,44px);line-height:1.08;letter-spacing:-.042em;max-width:24ch;text-wrap:balance}
.post__lede{margin-top:16px;font-size:18px;line-height:1.6;color:var(--ink-2);max-width:62ch}
.post__byline{margin-top:18px;padding-top:16px;border-top:1px solid var(--rule);font-size:13px;color:var(--ink-3);display:flex;flex-wrap:wrap;gap:12px}
.post__byline a{color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}
.post__byline a:hover{color:var(--green)}
.post__updated{color:var(--ink-3)}
.post__figure{margin:26px 0 0;border-radius:14px;overflow:hidden;background:var(--rule-2)}
.post__figure img{width:100%;height:auto;display:block}
.post__body{margin-top:28px}
.related{margin-top:44px;padding-top:32px;border-top:1px solid var(--rule)}

/* najbliższe transmisje w kolumnie bocznej */
.upnext{background:var(--card);border:1px solid var(--rule);border-radius:12px;overflow:hidden}
.upnext li + li{border-top:1px solid var(--rule-2)}
.upnext__row{display:grid;grid-template-columns:46px minmax(0,1fr);gap:4px 10px;padding:11px 14px;align-items:baseline}
.upnext__row:hover{background:var(--green-soft)}
.upnext__time{font-family:var(--font-mono);font-size:12.5px;color:var(--ink-2)}
.upnext__teams{font-family:var(--font-display);font-size:13.5px;font-weight:600;letter-spacing:-.025em;line-height:1.25;min-width:0}
.upnext__channel{grid-column:2;font-size:11.5px;color:var(--ink-3)}

/* ==========================================================================
   Rozgrywki (/liga/{slug}) i autor (/autor/{slug})
   ========================================================================== */
.leaguehero,.profile{padding:26px 0 34px;border-bottom:1px solid var(--rule);margin-bottom:34px}
.leaguehero__eyebrow,.profile__eyebrow{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--green);margin-bottom:14px}
.leaguehero__title{font-size:clamp(32px,5.6vw,56px);line-height:1.0;letter-spacing:-.05em}
.leaguehero__title em{display:block;font-style:normal;font-size:.4em;line-height:1.15;letter-spacing:-.035em;color:var(--ink-3);margin-top:.14em}
.leaguehero__lede{margin-top:18px;font-size:16px;line-height:1.6;color:var(--ink-2);max-width:56ch}
.leaguehero__channels{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}

.chip{display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--rule);border-radius:19px;padding:7px 14px;font-size:13px;color:var(--ink-2)}
.chip__dot{width:6px;height:6px;border-radius:50%;background:var(--ink-3);flex:0 0 auto}
.chip__dot--free{background:var(--green)}

.daygroup{margin-bottom:34px}
.daygroup__title{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;font-size:17px;letter-spacing:-.03em;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--rule)}
.daygroup__date{font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.daygroup .event + .event{margin-top:10px}

/* autor */
.profile__name{font-size:clamp(32px,5.4vw,52px);line-height:1.02;letter-spacing:-.05em}
.profile__short{margin-top:16px;font-size:17px;line-height:1.6;color:var(--ink-2);max-width:60ch}
.profile__bio{margin-top:22px;max-width:66ch;display:flex;flex-direction:column;gap:13px;font-size:14.5px;line-height:1.7;color:var(--ink-2)}
.profile__topics{margin-top:26px}
.profile__topicstitle{font-family:var(--font-mono);font-size:10.5px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:11px}
.profile__topicslist{display:flex;flex-wrap:wrap;gap:8px}
.profile__articles{margin-bottom:20px}

/* ==========================================================================
   Strony statyczne: o nas, kontakt, regulamin, polityka prywatności
   ========================================================================== */
.pagehead{padding:26px 0 32px;border-bottom:1px solid var(--rule);margin-bottom:34px}
.pagehead__eyebrow{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--green);margin-bottom:14px}
.pagehead__title{font-size:clamp(30px,4.8vw,48px);line-height:1.04;letter-spacing:-.045em;max-width:22ch;text-wrap:balance}
.pagehead__title em{display:block;font-style:normal;font-size:.44em;line-height:1.2;letter-spacing:-.03em;color:var(--ink-3);margin-top:.2em}
.pagehead__lede{margin-top:18px;font-size:16.5px;line-height:1.65;color:var(--ink-2);max-width:62ch}

.page{padding-bottom:20px}
.page--form{max-width:620px}
.page--legal{display:grid;gap:36px;grid-template-columns:1fr;align-items:start}
@media(min-width:960px){.page--legal{grid-template-columns:236px minmax(0,1fr);gap:52px}}

.toc{background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:18px 20px}
@media(min-width:960px){.toc{position:sticky;top:88px}}
.toc__title{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:11px}
.toc__list{display:flex;flex-direction:column;gap:8px;font-size:13.5px;color:var(--ink-2);list-style:none}
.toc__list a:hover{color:var(--green)}

/* formularz */
.contactform{display:flex;flex-direction:column;gap:18px}
.field{display:flex;flex-direction:column;gap:7px}
.field__label{font-size:13.5px;font-weight:600;letter-spacing:-.01em}
.field__input{
  width:100%;padding:11px 13px;border:1px solid var(--rule);border-radius:10px;background:var(--card);
  font-family:var(--font-body);font-size:15px;color:var(--ink);
}
.field__input:hover{border-color:var(--ink-3)}
.field__input:focus{outline:2px solid var(--green-2);outline-offset:1px;border-color:var(--green-2)}
.field__input--area{resize:vertical;min-height:150px;line-height:1.6}
.field__hint{font-size:12px;color:var(--ink-3);line-height:1.5}
.btn{
  display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;
  height:46px;padding:0 26px;border-radius:23px;background:var(--green);color:#fff;
  font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:-.02em;
}
.btn:hover{background:var(--ink)}
.contactform__note{font-size:12.5px;line-height:1.6;color:var(--ink-3);max-width:56ch}

.alert{padding:14px 16px;border-radius:11px;font-size:14.5px;line-height:1.55;margin-bottom:22px}
.alert--ok{background:var(--green-soft);color:var(--green);border:1px solid #B7E0CD}
.alert--error{background:var(--live-soft);color:var(--live);border:1px solid #F3C4BA}
.alert--warn{background:var(--sand);color:var(--ink-2);border:1px solid #E2D8C6}
.alert code{font-family:var(--font-mono);font-size:.9em;background:var(--card);padding:1px 5px;border-radius:4px}

.prose h2[id]{scroll-margin-top:88px}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

.schedule-freshness{font-size:12px;line-height:1.6;color:var(--ink-3);margin:12px 0}
.schedule-freshness a{text-decoration:underline;text-underline-offset:3px}
.schedule-freshness span:not([hidden]){display:block}

/* Strona transmisji — wariant 01: zwarta karta meczu, fakty i dostęp do nadawcy. */
.match--compact{padding-bottom:48px}
.match--compact .ico{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.fixture-heading{padding:22px 0 0}
.fixture-heading__label{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--green);margin-bottom:8px}
.fixture-heading__label span{color:#a4b0a6}
.fixture__title{display:grid;grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);gap:18px;grid-column:1/-1;grid-row:1;align-items:center;min-width:0}
.fixture-heading>p:not(.fixture-heading__label){font-size:13px;color:var(--ink-3);margin-top:7px}
.fixture-heading>p:not(.fixture-heading__label) span{margin:0 6px}
.fixture{margin-top:18px;display:grid;grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);align-items:center;gap:18px;padding:25px 32px;border:1px solid var(--rule);border-top:3px solid var(--green);border-radius:12px;background:var(--card);box-shadow:var(--shadow)}
.fixture__team{display:flex;align-items:center;gap:16px;min-width:0}
.fixture__team--away{grid-column:3;flex-direction:row-reverse;text-align:right}
.fixture__crest{display:grid;place-items:center;flex-shrink:0;width:54px;height:62px;background:#e7efe9;border:1px solid #d6e2da;border-radius:14px 14px 22px 22px;font-family:var(--font-display);font-weight:700;font-size:20px;color:#235740}
.fixture__crest--away{background:#efeaf4;border-color:#e1d8eb;color:#66547e}
.fixture__crest img{width:78%;height:78%;object-fit:contain}
.fixture__side{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:5px}
.fixture__name{display:block;font-family:var(--font-display);font-size:23px;font-weight:700;line-height:1.25;letter-spacing:-.03em;text-wrap:balance}
.fixture__center{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}
.fixture__status{font-size:10px;font-weight:600;border-radius:4px;padding:3px 8px;background:var(--green-soft);color:var(--green)}
.fixture__status--live{background:var(--live-soft);color:var(--live)}
.fixture__time{font-family:var(--font-mono);font-size:32px;font-weight:600;line-height:1.25;letter-spacing:-.06em}
.fixture__timezone{font-size:11px;color:var(--ink-3)}
.match-jump{display:flex;gap:26px;overflow-x:auto;border-bottom:1px solid var(--rule);margin:8px 0 26px;scrollbar-width:thin}
.match-jump a{flex-shrink:0;display:flex;align-items:center;gap:10px;min-height:52px;font-size:12px;color:var(--ink-3);border-bottom:2px solid transparent}
.match-jump a:first-child{color:var(--green);font-weight:600;border-bottom-color:var(--green)}
.match-jump a:hover{color:var(--green)}
.match--compact [id]{scroll-margin-top:88px}
.match-layout{gap:32px;padding:0;align-items:start}
.match--compact .match__main{gap:30px}
.match--compact .section__title{font-size:21px}
.match--compact h2{width:100%;max-width:none;text-align:left;text-wrap:wrap;overflow-wrap:anywhere}
.match-eyebrow{font-size:9px;letter-spacing:.13em;font-weight:600;color:var(--ink-3);margin-bottom:5px}
.match-sectionhead{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.match-sectionhead>div,.sts-guide__heading>div{flex:1;min-width:0}
.match-sectionhead h2{font-size:21px;line-height:1.3}
.match-sectionhead__icon{flex-shrink:0;width:40px;height:40px;background:var(--green-soft);border-radius:10px;display:grid;place-items:center;color:var(--green)}
.watch--compact{padding:25px;background:var(--card);border:1px solid var(--rule);border-radius:12px}
.watch__answer{font-size:14px;line-height:1.8;color:var(--ink-2);margin-bottom:20px;max-width:68ch}
.watch__answer strong{color:var(--ink);font-weight:600}
.watch-option{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px 12px;align-items:center;padding:17px;border:1px solid #d3e5d8;border-radius:9px;background:#f6faf7}
.watch-option+.watch-option{margin-top:10px}
.watch-option__logo{width:38px;height:38px;display:grid;place-items:center;border:1px solid #dce8df;border-radius:8px;background:#fff;color:var(--green)}
.watch-option__info h3{font-size:17px;margin-bottom:4px}
.watch-option__info>span{display:block;font-size:11px;color:var(--ink-3)}
.watch-option__button{display:flex;align-items:center;justify-content:center;gap:13px;min-height:44px;background:var(--green);border-radius:6px;color:white;font-size:12px;font-weight:600;padding:10px 14px;text-align:center;transition:background .15s}
.watch-option__button:hover{background:#064c36}
.watch-option__terms{grid-column:2/-1;font-size:10.5px;color:var(--ink-3);line-height:1.6}
.watch--compact .watch__note{display:flex;align-items:flex-start;gap:7px;font-size:11px;line-height:1.6;margin-top:15px}
.watch__note svg{flex-shrink:0;margin-top:2px}
.watch-pending{padding:16px;border:1px dashed #cbd7ce;border-radius:8px;background:#f8faf7;font-size:13px;color:var(--ink-2)}
.watch-pending p{margin-top:5px}
.watch-partners{margin-top:20px;border-top:1px solid var(--rule);padding-top:8px}
.watch-partners summary{cursor:pointer;font-size:12px;padding:10px 0;color:var(--ink-2)}
.watch-partners summary>span{float:right;font-size:10px;color:var(--ink-3)}
.match-aside{gap:28px}
.match-facts{border:1px solid var(--rule);border-radius:12px;background:var(--card);padding:24px}
.match-facts h2{font-size:20px;margin-bottom:17px}
.match-facts dl{margin:0}
.match-facts dl>div{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;padding:11px 0;border-bottom:1px solid var(--rule-2);font-size:12px;line-height:1.5}
.match-facts dt{color:var(--ink-3)}
.match-facts dd{margin:0;font-weight:500;overflow-wrap:anywhere}
.match-facts dd>a{color:var(--green)}
.match-facts small{display:block;font-size:10px;font-weight:400;color:var(--ink-3);margin-top:3px}
.match-facts .schedule-freshness{display:block;font-size:10px;line-height:1.7;padding:14px 0 0;border:0}
.match-facts .schedule-freshness a{display:inline-block;color:var(--green);min-height:30px;padding-top:5px}
.match--compact .preview{padding:0 4px}
.match--compact .prose{font-size:14px;line-height:1.85}
.match-questions .section__title{line-height:1.35;margin-bottom:20px}
.match-questions__list{border:1px solid var(--rule);border-radius:10px;overflow:hidden;background:var(--card)}
.match-questions details+details{border-top:1px solid var(--rule)}
.match-questions details[open]{background:#f7faf7}
.match-questions summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:19px 20px;list-style:none;font-size:13px;font-weight:600;line-height:1.55;min-height:58px}
.match-questions summary::-webkit-details-marker{display:none}
.match-questions summary:hover{color:var(--green)}
.match-questions summary:focus-visible{outline-offset:-4px}
.match-questions__number{font:10px var(--font-mono);color:var(--ink-3);flex-shrink:0}
.match-questions__toggle{position:relative;margin-left:auto;flex:0 0 22px;width:22px;height:22px;border:1px solid var(--rule);border-radius:50%;background:var(--card);color:var(--green)}
.match-questions__toggle::before,.match-questions__toggle::after{content:"";position:absolute;width:8px;height:1px;background:currentColor;left:6px;top:10px}
.match-questions__toggle::after{transform:rotate(90deg)}
.match-questions details[open] .match-questions__toggle::after{transform:rotate(0)}
.match-questions__answer{padding:0 22px 20px 46px}
.match-questions__answer p{font-size:13px;color:var(--ink-2);line-height:1.8;margin:0;max-width:65ch}
.match-questions__answer>a{display:inline-flex;align-items:center;gap:8px;min-height:36px;margin-top:6px;font-size:11px;font-weight:500;color:var(--green);text-decoration:underline;text-underline-offset:3px}
@media(max-width:620px){.match-questions summary{padding:16px 14px;gap:10px}.match-questions__answer{padding:0 16px 17px 38px}.match-questions .section__title{font-size:20px}}
.match-lab{display:flex;align-items:center;flex-wrap:wrap;gap:5px 16px;margin-top:14px;padding:8px 12px;background:#f1eee7;border:1px dashed #dcd4c7;border-radius:6px;font-size:10px;color:#6a5b42}
.match-lab span{margin-right:auto}
.match-lab a{padding:7px 0;text-decoration:underline;text-underline-offset:3px}
@media(min-width:1060px){.match-layout{grid-template-columns:minmax(0,1fr) 320px}.match-aside{position:sticky;top:88px}}
@media(max-width:1059px){.match-facts dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:26px}.match-aside{display:block}.match-aside>section+section{margin-top:28px}}
@media(max-width:620px){
 .match--compact>.container{padding:0 16px}
 .fixture-heading{padding:18px 0 0}.fixture__title{grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);gap:6px}.fixture-heading>p:not(.fixture-heading__label){font-size:12px}
 .fixture{grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);gap:6px;padding:18px 10px}
 .fixture__team,.fixture__team--away{flex-direction:column;gap:9px;text-align:center}
 .fixture__crest{width:38px;height:43px;font-size:15px;border-radius:10px 10px 16px 16px}
 .fixture__side{display:none}.fixture__name{font-size:14px;line-height:1.35}.fixture__time{font-size:27px}.fixture__timezone{font-size:9px}.fixture__status{font-size:9px}
 .match-jump{gap:22px;margin-bottom:20px}.match-jump a{min-height:48px;font-size:11px}
 .watch--compact{padding:18px 15px}.match-sectionhead{gap:10px;margin-bottom:14px}.match-sectionhead h2{font-size:21px}.watch__answer{font-size:13px;margin-bottom:16px}
 .watch-option{grid-template-columns:35px minmax(0,1fr);padding:13px;gap:10px}.watch-option__button{grid-column:1/-1;font-size:13px;min-height:46px}.watch-option__terms{grid-column:1/-1;font-size:10px}.watch-option__info>span{font-size:10px}
 .match-facts{padding:20px}.match-facts dl{display:block}.match-facts dl>div{grid-template-columns:95px minmax(0,1fr)}
 .match--compact .match__main{gap:26px}.match-lab{font-size:9px;gap:0 16px}.match-lab span{flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.watch-option__button{transition:none}}

/* Instrukcja STS TV: film ładowany kliknięciem, kroki dostępne zawsze. */
.sts-guide{padding:24px;border:1px solid var(--rule);border-radius:12px;background:var(--card);min-width:0}
.sts-guide__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:21px}
.sts-guide__heading h2{font-size:21px;line-height:1.25}
.sts-guide__ad-label{flex-shrink:0;font-size:9px;color:var(--ink-3);padding:4px 7px;border:1px solid var(--rule);border-radius:4px}
.sts-guide__body{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px;align-items:start}
.sts-guide__player{aspect-ratio:16/9;background:#102b40;border-radius:9px;overflow:hidden}
.sts-guide__poster{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;padding:17px;color:#fff;background:radial-gradient(ellipse at 100% 0,#245275,transparent 70%),#102b40;text-align:center}
.sts-guide__poster:hover{background-color:#163a53}
.sts-guide__poster:focus-visible{outline-offset:-4px;outline:3px solid #e3b866}
.sts-guide__video-brand{align-self:flex-start;font-family:var(--font-display);font-size:14px;line-height:1;font-weight:700;letter-spacing:.02em}
.sts-guide__video-brand>span{color:#f0c06a;font-weight:500}
.sts-guide__play{display:grid;place-items:center;color:#f0c06a}
.sts-guide__video-title{font-family:var(--font-display);font-size:15px;font-weight:600;line-height:1.2}
.sts-guide__video-action{font-size:10px;color:#d0dde6}
.sts-guide__player iframe{width:100%;height:100%;display:block;border:0}
.sts-guide__video-note{margin-top:8px;font-size:10px;color:var(--ink-3);line-height:1.6}
.sts-guide__youtube{display:inline-block;font-size:10px;color:var(--green);text-decoration:underline;text-underline-offset:3px;padding:7px 0}
.sts-guide__steps{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.sts-guide__steps li{display:flex;gap:11px;align-items:flex-start}
.sts-guide__num{flex-shrink:0;display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:var(--green-soft);color:var(--green);font-family:var(--font-mono);font-size:10px;font-weight:600}
.sts-guide__steps h3{font-size:13px;line-height:1.45;margin-bottom:4px;letter-spacing:-.01em}
.sts-guide__steps p{font-size:12px;line-height:1.7;color:var(--ink-2)}
.sts-guide__steps a{font-weight:600;color:var(--green);text-decoration:underline;text-underline-offset:3px}
.sts-guide__steps strong{color:var(--ink);font-size:11px;white-space:nowrap}
.sts-guide__terms{border-top:1px solid var(--rule-2);margin-top:20px;padding-top:13px;font-size:10px;line-height:1.8;color:var(--ink-3)}
.sts-guide__terms a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:620px){.sts-guide{padding:19px 15px}.sts-guide__heading{gap:9px}.sts-guide__heading h2{font-size:20px}.sts-guide__body{grid-template-columns:minmax(0,1fr);gap:18px}.sts-guide__ad-label{font-size:8px}.sts-guide__poster{gap:8px}.sts-guide__steps{gap:17px}.sts-guide__video-title{font-size:16px}}