/* Radio accent layer. Familiar panorama, upright controls, decorative angles. */
#radio-panel{--station-teal:#39b8ae;--station-ink:#071b20;--station-light:#9ee7dd;}
#radio-panel .radio-card{position:relative;border:1px solid #41877f;border-top:3px solid var(--station-teal);background:linear-gradient(135deg,rgba(9,31,36,.97),rgba(5,10,16,.95));box-shadow:0 14px 48px #0009;padding:20px;border-radius:2px 18px 2px 2px;}
#radio-panel .radio-card::after{content:'';position:absolute;right:0;top:-3px;width:24px;height:24px;background:linear-gradient(45deg,transparent 49%,var(--station-teal) 50%,var(--station-teal) 55%,#08131b 56%);pointer-events:none;}
.station-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px;}
.station-pill{color:var(--station-light);font-size:10px;letter-spacing:.13em;border:1px solid #41877f;padding:6px 8px;}
.station-frequency{font-size:11px;letter-spacing:.15em;color:#c9b992;}
.station-dial{height:14px;border-bottom:1px solid #69b7ac;background:repeating-linear-gradient(90deg,transparent 0,transparent 11px,#688c8766 12px,#688c8766 13px);position:relative;margin-bottom:20px;}
.station-dial span{position:absolute;height:21px;width:3px;bottom:-4px;left:31%;background:#e6c078;transform:skew(-12deg);}
.audio-playing .station-dial{border-bottom-color:#9ee7dd;box-shadow:0 4px 10px -5px #39b8ae;}
#radio-panel h2{font-size:clamp(23px,2.1vw,31px);line-height:1.15;margin:8px 0;}
#track-meta{font-size:13px;color:#cdc9bc;line-height:1.5;}
#radio-panel .transport{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0;}
#radio-panel .transport button{min-height:44px;border-color:#5e817c;text-shadow:none;}
#radio-panel #play-track{background:#39b8ae;color:#04191d;font-weight:bold;border-color:#81e3d4;}
#radio-panel #close-radio{grid-column:1/-1;background:transparent;border-color:transparent;color:#d8d1bf;}
#radio-panel button:disabled{opacity:.45;cursor:not-allowed;}
#radio-panel input[type=range]{accent-color:#39b8ae;min-height:32px;}
#radio-panel :is(button,a,summary,input):focus-visible{outline:3px solid #f1d594;outline-offset:3px;}
#radio-panel .listener-feedback-link{display:block;text-align:center;border-color:#69b7ac;color:#b6f1e8;min-height:44px;}
.station-help{font-size:12px;line-height:1.55;color:#c6c9c4;margin:10px 0 0;}
.station-program{margin-top:14px;background:#081119ed;border:1px solid #64766b;padding:0 13px;}
.station-program summary{padding:14px 0;cursor:pointer;font-size:14px;min-height:44px;}
.station-program ol{padding-left:24px;}
.station-program button{width:100%;text-align:left;padding:12px 8px;background:transparent;border:0;color:#f4f1ea;min-height:44px;}
.station-program button[aria-current=true]{color:#9ee7dd;border-left:2px solid #39b8ae;}
.station-program .station-help{margin-bottom:14px;}
.station-articles{display:inline-block;margin:12px 0 0;padding:12px 0;color:#e6c078;font-size:13px;min-height:44px;}
#radio-dock{border-top:2px solid #39b8ae;}#radio-dock #dock-play{background:#123b3b;border-color:#69b7ac;}
@media(min-width:761px){#radio-panel{width:min(380px,32vw);top:11%;max-height:80dvh;}}
@media(max-width:760px){#radio-panel .radio-card{padding:14px;} .station-heading{margin-bottom:12px;}.station-dial{margin-bottom:14px;}#radio-panel h2{font-size:24px;}#radio-panel .transport{margin:12px 0;}}
@media(prefers-reduced-motion:reduce){#radio-panel *{animation:none!important;transition:none!important;}}

/* Keep the primary controls in view while the program remains scrollable. */
#radio-panel .menu-object-cue{width:88px;margin-bottom:8px;}
#radio-panel>h1{font-size:32px;margin:6px 0 12px;}
#radio-panel .station-heading{margin-bottom:12px;}
#radio-panel .station-dial{margin-bottom:14px;}
#radio-panel .transport{margin:12px 0;}
#radio-panel #volume-value{margin-left:5px;}
@media(max-width:760px){#radio-panel .menu-object-cue{display:none;}#radio-panel>h1{font-size:26px;}#radio-panel>.eyebrow{margin-top:0;}}

.station-program-title{display:block;padding:12px 8px;min-height:44px;color:#f4f1ea;}
.station-program-title[aria-current=true]{color:#9ee7dd;border-left:2px solid #39b8ae;}