.card-surface{background:var(--color-surface-overlay-soft);color:var(--color-text-on-dark-strong);border-radius:var(--radius-card);min-width:var(--card-min-width);flex-direction:column;display:flex;overflow:hidden}
.header-band{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface-overlay-soft);align-self:stretch;display:flex}
.card-title{color:var(--color-text-on-dark-strong);font-family:var(--font-sans);font-size:14px;font-weight:var(--font-weight-bold);white-space:nowrap;line-height:1.2}
.card-subtitle{color:var(--color-text-on-dark-muted);font-family:var(--font-sans);font-size:14px;font-weight:var(--font-weight-regular);line-height:17px}
.timestamp{color:var(--color-text-on-dark-muted);font-family:var(--font-sans);font-size:13.5px;font-weight:var(--font-weight-regular);white-space:nowrap;line-height:1.2}
.card-body{justify-content:center;align-self:stretch;align-items:center;gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}
.card-headline{color:var(--color-text-on-dark-strong);font-family:var(--font-sans);font-size:20px;font-weight:var(--font-weight-bold);letter-spacing:-.01em;text-wrap:pretty;align-self:stretch;margin:0;line-height:1.2}
.rank-numeral{min-width:16px;color:var(--color-text-on-dark-muted);font-family:var(--font-sans);font-size:14px;font-weight:var(--font-weight-regular);font-variant-numeric:tabular-nums;text-align:left;flex:none;line-height:20px;display:inline-block}
.row-title{color:var(--color-text-on-dark-strong);font-family:var(--font-sans);font-size:16px;font-weight:var(--font-weight-bold);text-wrap:pretty;line-height:20px}
.row-body{color:var(--color-text-on-dark-muted);font-family:var(--font-sans);font-size:14px;font-weight:var(--font-weight-regular);letter-spacing:.142px;text-wrap:pretty;margin:0;line-height:19px}
.row-divider{background:#ffffff14;border:0;height:1px;margin:0}
.chart-title{color:var(--color-text-on-dark-muted);font-family:var(--font-sans);font-size:11px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;align-self:stretch;line-height:1.3}
.callout-label{color:var(--color-text-on-dark-muted);font-family:var(--font-sans);font-size:11px;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.06em;line-height:1.3}
.callout-value{color:var(--color-text-on-dark-strong);font-family:var(--font-sans);font-size:15px;font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;line-height:1.2}
.card-summary{color:var(--color-text-on-dark-muted);font-family:var(--font-sans);font-size:13px;font-weight:var(--font-weight-regular);text-wrap:pretty;align-self:stretch;margin:0;line-height:18px}
.chart-canvas{gap:var(--space-1);flex-direction:column;align-self:stretch;display:flex}.chart-canvas__body{gap:var(--space-2);align-items:stretch;display:flex}.chart-canvas__plot{flex:1;position:relative}.chart-canvas__svg{width:100%;height:120px;display:block}.chart-canvas__gridline{stroke:#ffffff14;stroke-width:.2px;stroke-dasharray:.8 .8}.chart-canvas__area{fill:var(--color-accent);fill-opacity:.12;stroke:none}.chart-canvas__line{fill:none;stroke:var(--color-text-on-dark-strong);stroke-width:.8px;stroke-linejoin:round;stroke-linecap:round}.chart-canvas__dot{fill:var(--color-accent);stroke:var(--color-card-bg);stroke-width:.6px}.chart-canvas__slot{pointer-events:none;z-index:1;position:absolute}.chart-canvas__slot[data-side=right]{transform:translateY(calc(-100% - 6px))}.chart-canvas__slot[data-side=left]{transform:translate(-100%,calc(-100% - 6px))}.chart-canvas__y-labels{flex-direction:column;justify-content:space-between;min-width:24px;padding:4px 0;display:flex}.chart-canvas__y-label,.chart-canvas__x-label{color:var(--color-text-on-dark-muted);font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-size:10px;line-height:1}.chart-canvas__x-labels{grid-auto-flow:column;padding-left:24px;display:grid}.chart-canvas__x-label{text-align:center}.chart-canvas__x-label--future{opacity:.4}
.stat-value{color:var(--color-text-on-dark-strong);font-family:var(--font-display);font-size:60px;font-weight:var(--font-weight-bold);letter-spacing:0;font-variant-numeric:tabular-nums;line-height:1}
.team-crest{background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex;overflow:hidden}.team-crest img{object-fit:contain;width:100%;height:100%}
.team-abbreviation{color:var(--color-text-on-dark-strong);font-family:var(--font-sans);font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:.02em;text-align:center;white-space:nowrap;line-height:1.2}
.match-score{color:var(--color-text-on-dark-strong);font-family:var(--font-display-wide);font-size:28px;font-weight:var(--font-weight-bold);letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-align:center;flex-shrink:0;min-width:32px;line-height:1}
.match-status{color:var(--color-text-on-dark-strong);font-family:var(--font-sans);font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:center;line-height:1.2}
.card-body-text{color:var(--color-text-on-dark-strong);font-family:var(--font-sans);font-size:14px;font-weight:var(--font-weight-regular);letter-spacing:.2px;text-wrap:pretty;align-self:stretch;margin:0;line-height:19px}
.card-photo{background:var(--color-surface-overlay-soft);aspect-ratio:338/225;border-radius:var(--radius-card);align-self:stretch;margin:0;overflow:hidden}.card-photo img{object-fit:cover;width:100%;height:100%;display:block}
.highlight-thumbnail{background:var(--color-surface-overlay-soft);aspect-ratio:338/190;border-radius:var(--radius-card);align-self:stretch;margin:0;position:relative;overflow:hidden}.highlight-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.highlight-thumbnail__play{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.highlight-thumbnail__play svg{width:48px;height:48px}
.challenge-option{height:50px;padding:0 var(--space-5);background:var(--color-surface-overlay-soft);border-radius:var(--radius-pill);font:inherit;text-align:inherit;border:none;justify-content:space-between;align-self:stretch;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.challenge-option[data-interactive=true]{cursor:pointer;-webkit-tap-highlight-color:#0000}.challenge-option[data-interactive=true]:active .challenge-option__label{transform:scale(.98)}.challenge-option__fill{z-index:0;height:100%;position:absolute;inset:0 auto 0 0}.challenge-option__fill--selected{background:var(--color-data-emphasis)}.challenge-option__fill--neutral{background:var(--color-surface-overlay-medium)}.challenge-option__label,.challenge-option__percentage{z-index:1;color:var(--color-text-on-dark-strong);font-family:var(--font-sans);font-size:16px;font-weight:var(--font-weight-bold);white-space:nowrap;line-height:20px;position:relative}.challenge-option__percentage{font-variant-numeric:tabular-nums}
.challenge-meta{color:var(--color-text-on-dark-muted);font-family:var(--font-sans);font-size:14px;font-weight:var(--font-weight-regular);letter-spacing:.142px;white-space:nowrap;line-height:19px}
.pagination-dots{justify-content:center;align-items:center;gap:var(--space-1);display:flex}.pagination-dots__dot{border-radius:var(--radius-pill);background:var(--color-surface-overlay-medium);width:6px;height:6px;transition:background var(--duration-normal)var(--ease-out);display:block}.pagination-dots__dot--active{background:var(--color-text-on-dark-strong)}
.badge{background:var(--color-data-emphasis);border-radius:var(--radius-sm);color:var(--color-text-on-dark-strong);font-family:var(--font-sans);font-size:14px;font-weight:var(--font-weight-bold);letter-spacing:0;white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;justify-content:center;align-items:center;padding:2px 4px;line-height:18px;display:inline-flex}
.quote-attribution{color:var(--color-text-on-dark-muted);font-family:var(--font-sans);font-size:12px;font-weight:var(--font-weight-regular);letter-spacing:.2px;text-wrap:pretty;align-self:stretch;line-height:14px}
.narrative-title{color:var(--color-text-on-dark-strong);font-family:var(--font-display);font-size:60px;font-weight:var(--font-weight-bold);letter-spacing:0;text-wrap:pretty;align-self:stretch;margin:0;line-height:60px}
.match-card{justify-content:space-between;align-self:stretch;align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--color-surface-overlay-soft);border-radius:var(--radius-card);color:var(--color-text-on-dark-strong);display:flex}.match-card__team{justify-content:center;align-items:center;gap:var(--space-1);flex-direction:column;flex-shrink:0;width:48px;display:flex}.match-card__scoreline{justify-content:center;align-items:center;gap:var(--space-4);flex:1;display:flex}
.ranked-row{align-items:flex-start;gap:var(--space-3);padding:var(--space-3)0;display:flex}.ranked-row__content{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}
.callout{background:var(--color-card-bg);border-radius:var(--radius-xs);white-space:nowrap;flex-direction:column;gap:2px;padding:4px 8px;display:inline-flex}
.hero-stat{align-items:center;gap:var(--space-3);flex-wrap:wrap;align-self:stretch;display:flex}
.list-row{align-self:stretch;gap:var(--space-1);background:var(--color-surface-overlay-soft);border-radius:var(--radius-card);padding:var(--space-4);flex-direction:column;display:flex}
.media-list-item{justify-content:center;align-self:stretch;gap:var(--space-3);background:var(--color-surface-overlay-soft);border-radius:var(--radius-card);padding:var(--space-4);flex-direction:column;display:flex}.media-list-item__text{justify-content:center;align-self:stretch;gap:var(--space-1);flex-direction:column;min-height:81px;display:flex}
.scenario-row{align-self:stretch;gap:var(--space-1);background:var(--color-surface-overlay-soft);border-radius:var(--radius-card);padding:var(--space-4);flex-direction:column;display:flex}.scenario-row__head{align-self:stretch;align-items:center;gap:var(--space-2);display:flex}
.comparison-row{align-self:stretch;gap:var(--space-2);background:var(--color-surface-overlay-soft);border-radius:var(--radius-card);padding:var(--space-4);flex-direction:column;display:flex}.comparison-row__bullets{align-self:stretch;gap:var(--space-1);flex-direction:column;display:flex}
.quote-block{justify-content:center;align-self:stretch;align-items:center;gap:var(--space-3);background:var(--color-surface-overlay-soft);border-radius:var(--radius-card);padding:var(--space-5)var(--space-6);flex-direction:column;display:flex;overflow:hidden}
.ranked-list{flex-direction:column;align-self:stretch;margin:0;padding:0;list-style:none;display:flex}.ranked-list__item{display:block}
.list{align-self:stretch;gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.list__item{flex-direction:column;align-self:stretch;display:flex}
.list-card__body{gap:var(--space-4)}.list-card__lead{align-self:stretch;gap:var(--space-2);flex-direction:column;display:flex}
.stat-card__lead{align-self:stretch;align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}
.alert-card__body{gap:var(--space-4)}.alert-card__lead{align-self:stretch;gap:var(--space-2);flex-direction:column;display:flex}
.spotlight-card__body{gap:var(--space-4)}.spotlight-card__lead{align-self:stretch;gap:var(--space-2);flex-direction:column;display:flex}
.challenge-card__body{gap:var(--space-4)}.challenge-card__options{align-self:stretch;gap:var(--space-2);flex-direction:column;display:flex}.challenge-card__footer{justify-content:space-between;align-self:stretch;align-items:flex-start;display:flex}.challenge-card__footer>:only-child{margin-left:auto}
.carousel{align-self:stretch;gap:var(--space-2);flex-direction:column;display:flex}.carousel__track{align-self:stretch;gap:var(--space-2);scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;display:flex;overflow-x:auto}.carousel__track::-webkit-scrollbar{display:none}.carousel__slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;width:100%}
.list-carousel-card__body{gap:var(--space-4);align-items:stretch;overflow:visible}
.projection-card__body{gap:var(--space-4)}.projection-card__scenarios{align-self:stretch;gap:var(--space-2);flex-direction:column;display:flex}
.projection-carousel-card__body{gap:var(--space-4);align-items:stretch;overflow:visible}.projection-carousel-card__lead{align-self:stretch;gap:var(--space-2);flex-direction:column;display:flex}
.watch-for-card__body{gap:var(--space-4)}
.editorial-card__body{gap:var(--space-4)}.editorial-card__lead{align-self:stretch;gap:var(--space-2);flex-direction:column;display:flex}
.compare-card__body{gap:var(--space-4)}
.reaction-card__body{gap:var(--space-4)}
.narrative-card__body{gap:var(--space-4)}.narrative-card__lead{align-self:stretch;gap:var(--space-2);flex-direction:column;display:flex}