@layer components{.card__title{font-family: var(--font-display);font-weight: var(--fw-extra);font-size: var(--fs-h4);letter-spacing: 0.02em;text-transform: uppercase;padding-bottom: var(--sp-3);margin-bottom: var(--sp-4);border-bottom: var(--bw-accent) solid var(--gray-ink);}}
@layer components{.minilist{display: grid;}}
@layer components{.minilist__item{border-bottom: var(--bw-hair) solid var(--gray-line);}}
@layer components{.minilist__date{font-size: var(--fs-label);font-weight: var(--fw-bold);letter-spacing: 0.04em;text-transform: uppercase;color: var(--red);}}
@layer components{.minilist__opp{font-weight: var(--fw-bold);text-transform: uppercase;font-size: var(--fs-small);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}}
@layer components{.minilist__opp em{font-weight: var(--fw-medium);text-transform: lowercase;color: var(--gray-body);}}
@layer components{.minilist__val{font-weight: var(--fw-extra);font-size: var(--fs-small);color: var(--gray-meta);}}
@layer components{.minilist__item.is-final .minilist__val{color: var(--gray-ink);}}
@layer components{.minilist + .textlink{margin-top: var(--sp-4);}}
@layer components{.story-body{padding-block: var(--sp-7) var(--sp-8);}}
@layer components{.story-game{margin: var(--sp-8) auto 0;max-width: 68ch;}}
@layer components{.story-section-title{font-family: var(--font-display);font-weight: var(--fw-extra);font-size: var(--fs-h4);letter-spacing: 0.02em;text-transform: uppercase;padding-bottom: var(--sp-3);margin-bottom: var(--sp-4);border-bottom: var(--bw-accent) solid var(--gray-ink);}}
@layer components{.story-body--rail{display: grid;gap: var(--sp-6);}}
@layer components{.story-body__main{min-width: 0;}}
@layer components{.rail-side{display: grid;gap: var(--sp-4);align-content: start;}}
@layer components{.rail-side .card{margin: 0;}}
@layer components{.card--link{display: flex;flex-direction: column;gap: 6px;color: var(--gray-ink);}}
@layer components{.nextgame__line{font-family: var(--font-display);font-weight: var(--fw-black);font-size: 1.375rem;line-height: 1;letter-spacing: var(--ls-tight);text-transform: uppercase;}}
@layer components{.nextgame__meta{font-size: var(--fs-micro);font-weight: var(--fw-semi);letter-spacing: var(--ls-label);text-transform: uppercase;color: var(--gray-meta);}}
@layer components{.card--link:hover .nextgame__line{color: var(--red);}}
@layer components{@media (min-width: 1024px){.story-body--rail{grid-template-columns: minmax(0,1fr) 320px;gap: var(--sp-8);}}}
@layer components{@media (min-width: 1024px){.story-body--rail .prose--story{margin-inline: 0;max-width: 46rem;}}}
@layer components{@media (min-width: 1024px){.rail-side{position: sticky;top: 96px;}}}
@layer components{.photo-row{display: flex;gap: var(--sp-2);}}
@layer components{.photo-row--single .photo{aspect-ratio: max(var(--r),2.2);}}
@layer components{.photo__caption{position: absolute;left: 0;right: 0;bottom: 0;padding: 20px 12px 10px;font-family: var(--font-display);font-size: var(--fs-micro);font-weight: var(--fw-semi);letter-spacing: var(--ls-ui);text-transform: uppercase;color: var(--white-text);background: linear-gradient(180deg,transparent,rgba(8,8,10,.7));opacity: 0;transition: opacity var(--dur) var(--ease);pointer-events: none;}}
@layer components{.photo:hover .photo__caption,.photo:focus-within .photo__caption{opacity: 1;}}
@layer components{@media (max-width: 767px){.photo-row{flex-wrap: wrap;}}}
@layer components{@media (max-width: 767px){.photo--portrait,.photo--square{flex: 1 1 calc(50% - var(--sp-2) / 2);}}}
@layer components{@media (max-width: 767px){.photo__caption{opacity: 1;}}}
@layer components{.card--dyk{border-left: 4px solid var(--red);}}
@layer components{.card--dyk .card__text{font-family: var(--font-serif); font-size: 0.9375rem; line-height: 1.5; color: var(--gray-body); margin: 0 0 8px;}}
@layer components{.story-sources{max-width: 68ch; margin: clamp(28px, 4vw, 44px) 0 0; padding: 18px 22px 16px; background: var(--silver-1, #f4f5f6); border-left: 5px solid var(--graphite, #2b3036);}}
@layer components{.story-sources__k{display: block; margin-bottom: 8px; font-family: var(--font-display); font-weight: 900; font-size: .82rem; letter-spacing: .18em; text-transform: uppercase; color: var(--graphite, #2b3036);}}
@layer components{.story-sources ul{margin: 0; padding: 0 0 0 1.1em; list-style: square;}}
@layer components{.story-sources li{margin: 0 0 4px; font-family: var(--font-serif); font-size: .98rem; line-height: 1.5; color: #3a4048;}}
@layer components{.story-sources li::marker{color: var(--red);}}
@layer components{.story-sources a{color: var(--red); font-weight: 600;}}
@layer components{.story-sources__fix{margin: 10px 0 0; font-family: var(--font-serif); font-size: .85rem; color: #6b6f75;}}
@layer components{.story-sources__fix a{color: var(--graphite, #2b3036);}}
.single-game .game-body .card__title{font-family: var(--font-display); font-style: italic; font-weight: 900; text-transform: uppercase; color: #3a3f46;}
.single-game .game-body .card__title::after{content: ""; display: block; width: 70px; height: 5px; margin-top: 8px; background: var(--red); transform: skewX(-20deg);}
@media (min-width:1024px){.story-body--rail{grid-template-columns:minmax(0,46rem) 340px;justify-content:center;gap:clamp(40px,4vw,64px)}}
.story-share{display: inline-flex; align-items: center; gap: 6px; margin-left: auto; padding: 7px 12px; border: 0; background: var(--red); color: #fff; font-family: var(--font-display); font-size: var(--fs-label); font-weight: var(--fw-black); letter-spacing: var(--ls-ui); text-transform: uppercase; cursor: pointer;}
.story-share:hover{background: var(--red-deep); color: #fff;}
.story-push{position: relative;}
.story-share--push{background: var(--graphite, #2f343b);}
.story-share--push:hover{background: var(--red);}
.story-push__sheet{position: absolute; z-index: 20; right: 0; top: calc(100% + 8px); width: min(360px, 92vw); padding: 16px 18px 14px; background: #fff; color: #2f343b; text-transform: none; letter-spacing: 0; outline: 2px solid var(--red);}
.story-push__k{margin: 0 0 6px; font-family: var(--font-display); font-size: .72rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: var(--red);}
.story-push__t{margin: 0; font-family: var(--font-display); font-weight: 900; font-size: 1.15rem; line-height: 1.1;}
.story-push__b{margin: 6px 0 12px; font-family: var(--font-serif); font-size: .92rem; line-height: 1.4; color: #5c636c;}
.story-push__acts{display: flex; flex-wrap: wrap; gap: 6px;}
.story-push__go{border: 0; padding: 10px 14px; background: var(--red); color: #fff; font-family: var(--font-display); font-weight: 900; font-size: .9rem; letter-spacing: .06em; text-transform: uppercase; cursor: pointer;}
.story-push__go small{font-size: .8em; opacity: .85; margin-left: 4px;}
.story-push__go--sport{background: var(--graphite, #2f343b);}
.story-push__go:disabled{opacity: .5; cursor: wait;}
.story-push__x{border: 0; padding: 10px 12px; background: var(--gray-section, #eef0f2); color: #2f343b; font-family: var(--font-display); font-weight: 800; font-size: .85rem; letter-spacing: .06em; text-transform: uppercase; cursor: pointer;}
.story-push__note{margin: 10px 0 0; font-family: var(--font-display); font-size: .78rem; font-weight: 600; color: #6b7078;}
.sty{background: #f3f4f6;}
.sty__hero{position: relative; min-height: clamp(420px, 42vw, 620px); background: #2f343b; overflow: hidden; color: #fff;}
.sty__hero.no-image{min-height: 0; padding-top: 70px;}
.sty__hero.has-image::after{content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,11,13,.22) 0%, rgba(10,11,13,0) 30%, rgba(10,11,13,0) 70%, rgba(10,11,13,.3) 100%);}
.sty__credit{position: absolute; z-index: 2; right: 16px; top: 16px; max-width: 46%; font-family: var(--font-display); font-weight: 700; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.8); text-shadow: 0 1px 2px rgba(0,0,0,.6); text-align: right;}
.sty__tag{position: absolute; z-index: 2; left: 0; top: 40px; padding: 10px 20px 10px max(var(--gutter, 16px), calc((100% - var(--container, 1280px)) / 2)); background: var(--red); font-family: var(--font-display); font-weight: 900; font-size: 12px; letter-spacing: .3em; text-transform: uppercase; clip-path: polygon(0 0, 100% 0, calc(100% - 14px) 100%, 0 100%);}
.sty__slab{position: absolute; z-index: 2; left: 0; bottom: 0; display: grid; gap: 8px; max-width: min(62%, 860px); padding: 26px 90px 30px max(var(--gutter, 16px), calc((100% - var(--container, 1280px)) / 2)); background: var(--red); clip-path: polygon(0 0, 100% 0, calc(100% - 44px) 100%, 0 100%);}
.sty__hero.no-image .sty__slab{position: relative; max-width: none;}
.sty__k{font-family: var(--font-display); font-style: italic; font-weight: 900; font-size: .9rem; letter-spacing: .2em; text-transform: uppercase; color: #fff;}
.sty__k i{font-style: normal; color: rgba(255,255,255,.6);}
.sty__title{margin: 0; font-family: var(--font-display); font-style: italic; font-weight: 900; font-size: clamp(2rem, 4vw, 3.8rem); line-height: .88; letter-spacing: -.01em; text-transform: uppercase; color: #fff; text-wrap: balance;}
.sty__strip{background: #2f343b; color: #fff;}
.sty__strip-in{display: flex; flex-wrap: wrap; align-items: center; gap: 12px 36px; min-height: 84px; padding-top: 14px; padding-bottom: 14px;}
.sty__score{font-family: var(--font-display); font-style: italic; font-weight: 900; font-size: 1.9rem; letter-spacing: .01em; text-transform: uppercase; color: #fff; text-decoration: none; white-space: nowrap;}
.sty__score b{color: var(--red); font-size: 2.5rem; margin: 0 4px;}
.sty__score b.is-opp{color: #fff;}
.sty__gmeta{font-family: var(--font-display); font-weight: 800; font-size: .72rem; letter-spacing: .2em; text-transform: uppercase; color: #cfd3d8;}
.sty__by{margin-left: auto; font-family: var(--font-display); font-weight: 800; font-size: .72rem; letter-spacing: .18em; text-transform: uppercase; color: #cfd3d8;}
.sty__by b{color: #fff;}
.sty__share.story-share{background: #fff; color: var(--red); border: 0; padding: 10px 16px; font-family: var(--font-display); font-style: italic; font-weight: 900; font-size: .78rem; letter-spacing: .18em; text-transform: uppercase; display: inline-flex; align-items: center; gap: 8px; cursor: pointer;}
.sty__share.story-share:hover{background: var(--red); color: #fff;}
.sty__body{padding-top: clamp(30px, 4vw, 50px);}
.sty__deck{margin: 0 0 28px; padding-bottom: 24px; border-bottom: 3px solid var(--red); font-family: var(--font-serif); font-size: clamp(1.15rem, 1.6vw, 1.5rem); line-height: 1.45; color: #2f343b;}
.sty__prose > p:first-of-type:not(:has(> strong:only-child))::first-letter{float: left; font-family: var(--font-display); font-weight: 900; font-size: 5.6rem; line-height: .78; padding: 8px 12px 0 0; color: var(--red);}
.sty__prose blockquote{border-left: 8px solid var(--red); padding: 6px 0 6px 24px; margin: 34px 0; font-family: var(--font-display); font-weight: 900; font-style: italic; text-transform: uppercase; font-size: clamp(1.5rem, 2.6vw, 2.4rem); line-height: .92; color: #2f343b;}
.sty__prose blockquote p{font: inherit; color: inherit; margin: 0;}
.sty__side{display: grid; gap: 18px; align-content: start;}
.sty__game{background: #2f343b; color: #fff; padding: 18px 20px;}
.sty__k2{display: block; font-family: var(--font-display); font-weight: 800; font-size: .68rem; letter-spacing: .3em; text-transform: uppercase; color: #cfd3d8;}
.sty__rows{display: grid; gap: 6px; margin-top: 10px;}
.sty__row{display: grid; grid-template-columns: 1fr auto; align-items: baseline; font-family: var(--font-display); font-style: italic; font-weight: 900; font-size: 1.35rem; text-transform: uppercase; color: #cfd3d8;}
.sty__row b{font-size: 1.9rem; color: #cfd3d8;}
.sty__row.is-w,.sty__row.is-w b{color: #fff;}
.sty__row.is-w b{color: var(--red);}
.sty__game > small{display: block; margin-top: 10px; font-family: var(--font-display); font-weight: 800; font-size: .66rem; letter-spacing: .2em; text-transform: uppercase; color: #cfd3d8;}
.sty__road{margin-top: 14px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.15);}
.sty__road a{display: grid; grid-template-columns: 1fr auto; gap: 10px; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.1); color: #fff; text-decoration: none; font-family: var(--font-display); font-size: .86rem; font-weight: 700;}
.sty__road a span{color: #cfd3d8; font-weight: 600;}
.sty__road a:hover b{color: var(--red);}
.sty__acts{display: flex; gap: 8px; margin-top: 14px;}
.sty__act{flex: 1; text-align: center; padding: 10px; background: #fff; color: #2f343b; border: 0; cursor: pointer; font-family: var(--font-display); font-weight: 800; font-size: .7rem; letter-spacing: .2em; text-transform: uppercase; text-decoration: none;}
.sty__act:hover{background: var(--red); color: #fff;}
@media (max-width: 900px){.sty__hero{min-height: 0; display: grid;}}
@media (max-width: 900px){.sty__hero.has-image::after{display: none;}}
@media (max-width: 900px){.sty__tag{top: 16px;}}
@media (max-width: 900px){.sty__credit{top: auto; bottom: calc(100% - (100vw * .75) + 8px);}}
@media (max-width: 900px){.sty__slab{position: static; max-width: none; padding: 20px 40px 24px var(--gutter, 16px); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}}
@media (max-width: 900px){.sty__strip-in{gap: 8px 18px;}}
@media (max-width: 900px){.sty__by{margin-left: 0; width: 100%;}}
@media (max-width: 900px){.sty__score{font-size: 1.5rem;}}
@media (max-width: 900px){.sty__score b{font-size: 1.9rem;}}
.sty__strip .story-push{position: relative;}
.sty__strip .story-push__sheet{right: auto; left: 0; top: calc(100% + 10px);}
.sty__strip .story-share--push{background: #15181c; color: #fff; border: 0; padding: 10px 16px; font-family: var(--font-display); font-style: italic; font-weight: 900; font-size: .78rem; letter-spacing: .18em; text-transform: uppercase; display: inline-flex; align-items: center; gap: 8px; cursor: pointer;}
.sty__strip .story-share--push:hover{background: var(--red);}
@media (max-width: 900px){.sty__strip .story-push__sheet{position: static; width: auto; margin-top: 10px;}}
.sty__hero.has-image{min-height: 0; display: grid;}
.sty__hero.has-image .sty__img{position: relative; inset: auto; width: 100%; height: auto; max-height: 78vh; aspect-ratio: auto; object-fit: contain; object-position: center;}
.sty__hero.has-image::after{display: none;}
.sty__hero.has-image .sty__slab{position: relative; bottom: auto;}
.sty__hero.has-image .sty__credit{top: 12px; bottom: auto;}
@media (max-width: 900px){.sty__hero.has-image .sty__img{max-height: none;}}
.sty__hero.has-image .sty__img{max-height: none; object-fit: fill;}
.sty__hero.has-image.is-tall .sty__img{max-height: 85vh; object-fit: contain;}
.sty__hero.has-image .sty__tag{display: none;}
.sty__hero.has-image .sty__slab{max-width: none; clip-path: none; padding: 26px max(var(--gutter, 16px), calc((100% - var(--container, 1280px)) / 2)) 30px;}
.sty__hero.has-image .sty__title{max-width: 1100px; font-size: clamp(2rem, 3.6vw, 3.8rem);}
.sty__hero.has-image .sty__img,.sty__hero.has-image.is-tall .sty__img{width: 100%; height: auto; max-height: 72vh; object-fit: cover; object-position: center 40%;}
.sty__hero.has-image.is-focus-top .sty__img{object-position: center 12%;}
.sty__hero.has-image.is-focus-bottom .sty__img{object-position: center 85%;}
@media (max-width: 900px){.sty__hero.has-image .sty__img{max-height: 70vh;}}