.today-live { max-width: 900px; margin: 0 0 var(--space-10); }
.today-live[hidden],.today-live-card[hidden],.today-live-countdown[hidden] { display: none; }
.today-live-card { display: flex; align-items: center; gap: var(--space-6); padding: var(--space-5); border-left: 3px solid var(--gold); background: var(--panel); }
.today-live-card + .today-live-card { margin-top: var(--space-4); }
.today-live-image { flex: 0 0 180px; aspect-ratio: 3/2; overflow: hidden; }
.today-live-image :is(picture,img) { display: block; width: 100%; height: 100%; }
.today-live-image img { object-fit: cover; }
.today-live-copy { flex: 1 1 0; min-width: 0; }
.today-live-label { margin: 0 0 var(--space-2); color: var(--gold); font-size: var(--text-sm); font-weight: var(--weight-semibold); letter-spacing: .12em; text-transform: uppercase; }
.today-live-label::before { content: ''; display: inline-block; width: .5em; height: .5em; margin-right: .6em; border-radius: 50%; background: currentColor; }
.today-live-copy h2 { margin: 0 0 var(--space-3); font-size: var(--heading-md); line-height: 1.15; overflow-wrap: anywhere; }
.today-live-copy h2 a { text-decoration: none; }
.today-live-times { display: flex; gap: var(--space-6); flex-wrap: wrap; margin: 0 0 var(--space-3); }
.today-live-times div { display: flex; gap: var(--space-2); align-items: baseline; }
.today-live-times dt { color: var(--muted); font-size: var(--text-sm); }
.today-live-times dd { margin: 0; font-weight: var(--weight-semibold); }
.today-live-link { font-size: var(--text-sm); }
.today-live-countdown { flex: 0 0 auto; text-align: right; }
.today-live-countdown p { margin: 0 0 var(--space-1); color: var(--muted); font-size: var(--text-sm); }
.today-live-countdown output { display: block; font-size: var(--heading-sm); font-weight: var(--weight-semibold); line-height: 1.3; font-variant-numeric: tabular-nums; }
.today-live-countdown button { min-height: 44px; padding: var(--space-2) 0; border: 0; background: transparent; color: var(--muted); font-size: var(--text-xs); text-decoration: underline; text-underline-offset: .2em; cursor: pointer; }
@media (max-width: 1000px) { .today-live-card { flex-wrap: wrap; }.today-live-countdown { flex-basis: 100%; text-align: left; } }
@media (max-width: 600px) { .today-live-card { display: grid; gap: var(--space-5); }.today-live-image { width: 100%; }.today-live-countdown { border-top: 1px solid var(--line); padding-top: var(--space-4); }.today-live-times { gap: var(--space-3) var(--space-5); } }
:root[data-bn-large-text="true"] .today-live-card { flex-wrap: wrap; }
:root[data-bn-large-text="true"] .today-live-countdown { flex-basis: 100%; text-align: left; }
@media (forced-colors: active) { .today-live-card { border-color: CanvasText; }.today-live-label::before { background: CanvasText; } }