/* Music and editorial refinement. Keep the approved station branding intact. */
:root{--color-next:oklch(81% .12 183);--color-next-tint:oklch(27% .025 183);--color-previous-tint:oklch(27% .025 52)}
.transition-strip{grid-template-columns:1fr 1fr;gap:var(--space-5);padding-block:var(--space-4);border:0}
.track-card{--track-accent:var(--color-primary);display:flex;align-items:center;gap:var(--space-5);min-width:0;padding:var(--space-5);border:1px solid color-mix(in oklab,var(--track-accent) 32%,var(--color-border));border-left:4px solid var(--track-accent);border-radius:var(--radius-lg);background:var(--color-previous-tint)}
.track-next{--track-accent:var(--color-next);background:var(--color-next-tint)}
.track-art{position:relative;flex-shrink:0;width:96px}
.track-art img{width:96px;height:96px;object-fit:cover;border-radius:var(--radius-md);background:var(--color-bg)}
.track-art img.is-logo,.recent-track img.is-logo{object-fit:contain;padding:var(--space-2)}
.track-art>span{position:absolute;right:calc(-1 * var(--space-2));bottom:calc(-1 * var(--space-2));width:28px;height:28px;border-radius:var(--radius-full);display:grid;place-items:center;background:var(--track-accent);color:var(--color-ink)}
.track-art>span svg{width:16px;height:16px}
.track-copy{min-width:0}
.track-card .eyebrow{color:var(--track-accent);margin-bottom:var(--space-2)}
.track-card h2{font-family:var(--font-body);font-size:var(--text-lg);font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.track-card p{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2);overflow-wrap:anywhere}
.recent-section{padding-top:var(--space-6);padding-bottom:var(--space-8)}
.recent-tracks{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-4)}
.recent-tracks:has(.empty-history){display:block;overflow:visible}
.recent-track{align-items:start;flex-direction:column;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}
.recent-track img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm)}
.recent-track strong{font-size:var(--text-sm);overflow-wrap:anywhere}
.recent-track span{font-size:var(--text-xs)}
.empty-history{padding:var(--space-6);border:1px dashed var(--color-border);border-radius:var(--radius-md);width:100%;max-width:none}
.news-section{padding-top:var(--space-8);border-top:1px solid var(--color-border)}
.news-eyebrow,.news-section .editorial-content .eyebrow{color:var(--color-next)}
.news-eyebrow .live-dot{background:var(--color-next)}
.news-section .section-heading{align-items:center}
.news-section #news-refresh{flex-shrink:0}
.stories-section{padding-top:var(--space-8);border-top:1px solid var(--color-border)}
.stories-section .editorial-card{background:var(--color-previous-tint)}
.news-section .editorial-card{background:var(--color-surface)}
.participation-review h3{font-size:var(--text-lg);margin-bottom:var(--space-4)}
.participation-review .message-preview{margin-bottom:var(--space-5)}
.participation-consent{display:flex;align-items:start;gap:var(--space-3);font-size:var(--text-sm);line-height:1.6;margin-block:var(--space-4);cursor:pointer}
.participation-consent input{width:22px;height:22px;flex-shrink:0;margin-top:var(--space-1);accent-color:var(--color-primary)}
.participation-notice{padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}
.participation-success{color:var(--color-next)!important;font-weight:700}
.participation-receipt{overflow-wrap:anywhere;user-select:all;font-size:var(--text-sm)!important}
.participation-confirm button:disabled{opacity:.6;cursor:wait}
@media(max-width:1050px){.recent-tracks{grid-template-columns:repeat(5,180px);overflow-x:auto}.track-card{gap:var(--space-4)}.track-art,.track-art img{width:80px}.track-art img{height:80px}}
@media(max-width:760px){.transition-strip{grid-template-columns:1fr;gap:var(--space-3)}.track-card{padding:var(--space-4);gap:var(--space-4)}.track-card .eyebrow{font-size:var(--text-xs)}.track-card h2{font-size:var(--text-base)}.track-card p{font-size:var(--text-sm)}.recent-tracks{grid-template-columns:repeat(5,150px)}.recent-track img{width:100%;height:auto}.recent-section{padding-bottom:var(--space-6)}.compact .section-note{max-width:15ch;text-align:right}.news-section .section-heading{align-items:start}.news-section #news-refresh{font-size:var(--text-xs);min-height:44px}.editorial-status{line-height:1.6}.news-section,.stories-section{padding-top:var(--space-6)}}