/* Live-only exploration. Palette and typography inherit the shared site tokens. */
.live-exploration .live-spotlight { box-shadow: none; border: 0; border-radius: 0; overflow: hidden; }
.live-exploration .show-brand span { display: block; font: 400 1rem/1.4 var(--sans); letter-spacing: .38em; color: var(--cream); }
.live-exploration .show-brand h1 { font: 400 clamp(3rem,6.2vw,6rem)/.95 var(--serif); color: var(--gold); margin: 14px 0 24px; }
.live-exploration .spotlight-kicker { margin: 22px 0 8px; color: var(--gold); font-size: .875rem; letter-spacing: .05em; }
.live-exploration #live-title { font: 400 clamp(1.75rem,3vw,2.5rem)/1.2 var(--serif); margin: 0 0 14px; }
.live-exploration .spotlight-date { font-size: 1rem; }
.live-exploration .spotlight-teaser { font-size: .9375rem; max-width: 32em; }
.live-exploration .series-schedule { color: var(--cream); margin: 0 0 24px; font-size: 1.0625rem; }
.live-exploration .countdown { display: flex; flex-wrap: wrap; gap: 20px; margin: 26px 0; }
.live-exploration .time-unit { min-width: 0; flex: 0 0 auto; }
.live-exploration .time-unit b { font: 400 2.125rem/1 var(--serif); color: var(--gold); }
.live-exploration .time-unit span { margin-top: 6px; font-size: .6875rem; }
.live-exploration .spotlight-actions { margin-top: 24px; }
.live-exploration .spotlight-actions .btn { min-height: 54px; border-radius: 4px; background: var(--gold); color: var(--bg); }
.live-exploration .show-date span, .live-exploration .show-date small { display: block; font-size: .8125rem; font-weight: 400; }
.live-exploration .show-date strong { display: block; font: 400 3rem/1 var(--serif); margin: 6px 0; }
.live-exploration .show-card { box-shadow: none; }
.live-exploration .episode-art-photo { background: linear-gradient(90deg,#17070b99,#17070b22),url('afterdark-clean.png') 80% center/cover; opacity: .85; }
.live-exploration .reminder { background: none; border: 0; border-radius: 0; padding: 24px 0; margin: 0 0 32px; }
.live-exploration .reminder h2 { font-size: 1.75rem; }
.live-exploration .preview-controls { margin-top: 24px; }
.live-exploration .preview-note { font-size: .6875rem; padding: 6px; }
@media(max-width:600px) {
 .live-exploration .show-brand h1 { font-size: clamp(2.5rem,10vw,3.5rem); }
 .live-exploration .show-brand span { font-size: .8125rem; }
 .live-exploration .countdown { gap: 16px; }
 .live-exploration .time-unit b { font-size: 1.75rem; }
}
/* A — a cinematic, photographic opening. */
.live-a .live-spotlight { position: relative; display: block; min-height: 780px; background: var(--bg); margin-bottom: 64px; }
.live-a .spotlight-art { position: absolute; inset: 0; display: block !important; }
.live-a .spotlight-art img { height: 100%; width: 100%; object-fit: cover; object-position: 75% center; opacity: 1; }
.live-a .spotlight-art::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,#10060880,transparent 65%); }
.live-a .spotlight-copy { position: relative; z-index: 1; width: 59%; padding: 64px 42px; background: transparent; }
.live-a .show-brand h1 { font-size: clamp(3.5rem,6.4vw,6.5rem); }
.live-a .live-spotlight[data-state="upcoming"] #live-title { font: 400 1.0625rem/1.5 var(--sans); color: var(--gold); margin: 0 0 14px; }
.live-a .live-spotlight[data-state="upcoming"] .countdown { margin-bottom: 12px; }
.live-a .reveal-caption { margin: 0 0 18px; color: var(--cream); font-size: .9375rem; }
.live-a .time-unit b { font-size: clamp(2.5rem,4.5vw,3.75rem); }
.live-a .spotlight-actions .btn { width: auto; min-width: 230px; }
.live-a .show-list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 28px; }
.live-a .show-card { background: none; border: 0; border-radius: 0; padding: 20px 0; border-top: 1px solid var(--line); }
.live-a .show-card.finale { border-color: var(--gold); }
.live-a .show-card h3 { margin: 20px 0 12px; }
.live-a .show-date strong { font-size: 4.5rem; }
.live-a .show-card.finale .show-date strong { color: var(--gold); }
@media(max-width:800px) {
 .live-a .live-spotlight { min-height: 0; }
 .live-a .spotlight-art { position: relative; height: 430px; }
 .live-a .spotlight-art img { object-position: 78% center; }
 .live-a .spotlight-art::after { background: linear-gradient(transparent 65%,var(--bg)); }
 .live-a .spotlight-copy { width: 100%; padding: 24px 28px 32px; margin-top: -88px; }
 .live-a .show-brand h1 { font-size: clamp(2.6rem,9vw,4rem); }
 .live-a .spotlight-actions .btn { width: 100%; }
 .live-a .show-list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 24px; }
 .live-a .show-date strong { font-size: 3.5rem; }
 .live-a .time-unit b { font-size: clamp(2rem,8vw,2.75rem); }
}

/* Confirmed live status is unmistakable; motion remains subtle and optional. */
.live-a .live-spotlight[data-state="live"] .spotlight-kicker { font: 800 clamp(1.75rem, 3vw, 2.5rem)/1.2 var(--sans); letter-spacing: .1em; color: #ffbdc3; }
.live-a .live-spotlight[data-state="live"] .spotlight-kicker::before { width: 12px; height: 12px; animation: after-dark-live-pulse 2.4s ease-in-out infinite; }
@keyframes after-dark-live-pulse { 50% { box-shadow: 0 0 0 5px #ff667822, 0 0 18px #ff667866; } }
@media(prefers-reduced-motion:reduce) { .live-a .live-spotlight[data-state="live"] .spotlight-kicker::before { animation: none; } }

.live-a .reminder[data-state="live"] h2 { display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;margin-bottom:0; }
.live-a .closing-live-label { display:inline-flex;align-items:center;gap:12px;font:800 clamp(1.75rem,3vw,2.5rem)/1.2 var(--sans);color:#ffbdc3; }
.live-a .closing-live-invitation { font-size:clamp(1.25rem,2vw,1.75rem); }
.live-a .closing-live-dot { flex:none;width:12px;height:12px;border-radius:50%;background:#ff6678;animation:after-dark-live-pulse 2.4s ease-in-out infinite; }
@media(prefers-reduced-motion:reduce) { .live-a .closing-live-dot { animation:none; } }

.live-a .live-call-availability { margin:0 0 36px; }
.live-a .episode-card { position:relative; }
.live-a .episode-primary-action::after { content:"";position:absolute;inset:0; }
.live-a .episode-card:focus-within { outline:2px solid var(--gold);outline-offset:4px; }

/* Match the text baseline within the closing live invitation. */
.live-a .closing-live-label { position:relative;display:inline-block;padding-left:24px; }
.live-a .closing-live-dot { position:absolute;left:0;top:50%;transform:translateY(-50%); }
.live-call-availability { margin-top:0;margin-bottom:56px; }
@media(max-width:740px) { .live-call-availability { margin-bottom:40px; } }
.live-a .show-card { min-width:0; }
.live-a .show-card h3 { overflow-wrap:anywhere; }

/* A compact next-show invitation beneath the replay hero. */
.live-a .live-spotlight:has(+ .next-afterdark-strip:not([hidden])) { margin-bottom:24px; }
.live-a .next-afterdark-strip { padding:22px 0 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:48px; }
.live-a .next-strip-label { color:var(--gold);font-size:.75rem;letter-spacing:.08em;margin:0; }
.live-a .next-strip-heading { display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap; }
.live-a .next-strip-top { display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap; }
.live-a .next-strip-date { margin:0;font-size:1rem; }
.live-a .next-strip-watch { font-size:.9375rem;white-space:nowrap; }
@media(max-width:600px) {
 .live-a .next-afterdark-strip { padding:20px 0;margin-bottom:36px; }
 .live-a .next-strip-top { display:flex;flex-direction:column;align-items:flex-start;gap:12px; }
 .live-a .next-strip-heading { display:flex;flex-direction:column;align-items:flex-start;gap:8px; }
 .live-a .next-strip-label { margin:0; }
 .live-a .next-strip-watch { font-size:.875rem; }
 .live-a .next-strip-date { font-size:.9375rem; }
}