/* Purpose-built listening choices. Static landscape, no animated backdrop or live blur. */
body[data-route="tunein"] .listen-intro h1 .listen-play-line { color:#ff9638; }
body[data-route="tunein"] .listen-onair { border-color:#705037; box-shadow:0 18px 60px #0005; }
body[data-route="tunein"] .listen-now-copy { background:radial-gradient(ellipse at 100% 0%,#70401a30,transparent 85%),#0c1721; }
body[data-route="tunein"] .listen-now-copy .listen-kicker { color:#ffac62; }
body[data-route="tunein"] .listen-premium { border-color:#704b32; background:linear-gradient(115deg,#282017,#0b1b29); }
body[data-route="tunein"] .listen-premium .listen-kicker,body[data-route="tunein"] .listen-premium-mark { color:#ff9638; }
body[data-route="tunein"] .listen-premium>.listen-button { border-color:#8b6039; color:#ffd2aa; background:#302319; }
body[data-route="tunein"] .listen-twitch { background:linear-gradient(125deg,#211c30,#0b1623); border-color:#49405b; }
body[data-route="tunein"] .listen-page { width:100%; margin:0; padding:0; max-width:none; }
.listen-hero { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr); gap:7%; align-items:center; padding:145px 5% 62px; border-bottom:1px solid #21374a; background:linear-gradient(90deg,#040812f5 8%,#040812a8 65%,#04081265),url('/_website/website-20261027-release205charts1/redesign/assets/space-ambient-v1.webp?v=ce107b3ddd05') center/cover; }
.listen-kicker { color:#00bfee; font:12px/1.5 'Share Tech Mono',monospace; letter-spacing:2.5px; text-transform:uppercase; margin:0 0 15px; }
.listen-intro h1 { font-size:clamp(38px,3.6vw,70px); line-height:1.12; letter-spacing:0; margin:0 0 24px; }
.listen-intro h1 span { color:#00bfee; }
.listen-lead { max-width:560px; color:#bccddd; font:18px/1.7 'Segoe UI',sans-serif; margin:0 0 28px; }
.listen-actions { display:flex; align-items:center; flex-wrap:wrap; gap:24px; }
.listen-button { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:46px; padding:12px 20px; border:1px solid #3b6077; border-radius:7px; background:#081724; color:#e8edf6; text-decoration:none; font:600 14px/1.4 'Segoe UI',sans-serif; }
.listen-button.primary { background:linear-gradient(120deg,#ff8a0c,#d45b00); border-color:#ff971f; box-shadow:0 5px 23px #e9710018; color:white; }
.listen-button:hover { border-color:#00bfee; background:#123044; }
.listen-button.primary:hover { background:#e77304; border-color:#ffc278; }
.listen-button svg { width:18px; height:18px; }
.listen-text-link { color:#bdcede; text-decoration:none; font-size:14px; }
.listen-text-link:hover { color:#00bfee; }
.listen-text-link span { margin-left:8px; color:#00bfee; }
.listen-reassurance { color:#9ab3c6; font:12px/1.6 'Share Tech Mono',monospace; margin:16px 0 0; }
.listen-onair { border:1px solid #315365; border-radius:13px; overflow:hidden; background:#081522; box-shadow:0 20px 60px #0004; max-width:540px; width:100%; justify-self:end; }
.listen-station-art { min-height:180px; padding:22px; display:flex; align-items:center; justify-content:center; gap:18px; background:linear-gradient(90deg,#06142180,#06142144),url('/_website/website-20261027-release205charts1/redesign/assets/space-ambient-v1.webp?v=ce107b3ddd05') 75% 45%/cover; border-bottom:1px solid #284454; }
.listen-station-art img { width:110px; height:110px; object-fit:contain; }
.listen-station-art span { max-width:175px; color:#d6e7f3; font:18px/1.45 'Russo One',sans-serif; }
.listen-now-copy { padding:27px 30px; }
.listen-now-copy .listen-kicker { font-size:11px; letter-spacing:2px; }
.listen-now-copy h2 { font-size:26px; line-height:1.35; margin:0 0 8px; overflow-wrap:anywhere; }
.listen-now-copy>p:not(.listen-kicker) { color:#b4cbdd; margin:0; font:16px/1.5 'Segoe UI',sans-serif; }
.listen-now-link { border-top:1px solid #243d4e; margin-top:22px; padding-top:17px; display:flex; justify-content:space-between; font-size:14px; color:#00bfee; text-decoration:none; }
.listen-content { width:90%; margin:0 auto; }
.listen-content h2 { font-size:clamp(24px,2vw,34px); line-height:1.3; letter-spacing:0; margin:0 0 15px; }
.listen-content p:not(.listen-kicker) { color:#aec3d5; font-size:15px; line-height:1.7; }
.listen-browser { padding:40px 0; display:grid; grid-template-columns:1fr 1fr; gap:24px 7%; border-bottom:1px solid #243748; }
.listen-browser>div>p:last-child { max-width:650px; }
.listen-benefits { display:flex; flex-direction:column; justify-content:center; gap:17px; list-style:none; padding:0; }
.listen-benefits li { display:flex; gap:16px; align-items:center; color:#cbdce9; font-size:15px; }
.listen-benefits svg { width:22px; height:22px; color:#00bfee; }
.listen-help { grid-column:1/-1; border-top:1px solid #1b3141; }
.listen-help summary { display:flex; justify-content:space-between; padding:17px 0 0; cursor:pointer; color:#c5d8e6; font-size:14px; list-style:none; }
.listen-help summary::-webkit-details-marker { display:none; }
.listen-help summary span { color:#00bfee; }
.listen-help[open] summary span { transform:rotate(45deg); }
.listen-help>div { max-width:850px; padding-top:15px; }
.listen-help p+p { margin-top:10px; }
.listen-help a { display:inline-block; margin-top:14px; color:#00bfee; font-size:14px; }
.listen-alternatives { padding:38px 0; }
.listen-section-heading { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:22px; }
.listen-section-heading h2 { margin-bottom:0; }
.listen-options { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.listen-option { padding:28px 30px; border:1px solid #254253; border-radius:10px; background:linear-gradient(125deg,#0e2230,#091420); }
.listen-option-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:22px; }
.listen-option-heading>svg { width:30px; height:30px; color:#00bfee; }
.listen-chip { color:#a9c7d8; border:1px solid #2b4759; border-radius:20px; padding:5px 10px; font-size:11px; }
.listen-option h3 { font-size:24px; line-height:1.3; margin:0 0 13px; }
.listen-option p { max-width:700px; }
.listen-option-bottom { display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; margin-top:24px; }
.listen-option-bottom>span { font-size:12px; color:#9cb2c5; }
.listen-twitch { background:linear-gradient(125deg,#141d32,#091420); }
.listen-twitch .listen-option-heading>svg { color:#b192ff; }
.listen-premium { display:grid; grid-template-columns:64px 1fr auto; gap:28px; align-items:center; padding:30px; border:1px solid #654022; border-radius:10px; background:linear-gradient(110deg,#281e17,#0b1722 60%); }
.listen-premium .listen-kicker { color:#ff9a37; }
.listen-premium h2 { font-size:26px; }
.listen-premium p:last-child { max-width:760px; }
.listen-premium-mark { width:64px; height:64px; border:1px solid #965820; color:#ff941f; border-radius:50%; display:grid; place-items:center; }
.listen-premium-mark svg { width:30px; height:30px; }
.listen-premium .listen-button { border-color:#ac6b31; white-space:nowrap; }
.listen-technical { display:grid; grid-template-columns:1fr 1fr; gap:7%; align-items:start; padding:42px 0 30px; }
.listen-direct { border:1px solid #2b4557; border-radius:9px; background:#091621; }
#advancedToggle { width:100%; display:flex; align-items:center; gap:14px; padding:20px; border:0; background:transparent; color:#d7e5f1; font:600 15px 'Segoe UI',sans-serif; cursor:pointer; }
#advancedToggle svg { width:20px; height:20px; color:#00bfee; }
#advancedToggle span { margin-left:auto; color:#00bfee; }
#advancedToggle[aria-expanded="true"] span { transform:rotate(45deg); }
#advancedBody { padding:0 20px 20px; }
#advancedBody[hidden] { display:none; }
#advancedBody label { display:block; color:#a7c0d2; margin:6px 0 10px; font-size:13px; }
.listen-copy-row { display:flex; gap:8px; margin-bottom:15px; }
.listen-copy-row input { width:100%; min-width:0; height:44px; font:12px/1.5 Consolas,monospace; padding:10px; color:#d4e6f1; background:#040c14; border:1px solid #365567; border-radius:5px; }
.listen-copy-row button { flex-shrink:0; padding:8px 12px; border:1px solid #3d667e; border-radius:5px; background:#102839; color:#e8edf6; font:600 12px 'Segoe UI',sans-serif; cursor:pointer; }
.listen-content #listen-copy-status { font-size:13px; color:#72d4ef; min-height:22px; margin-top:8px; }
.listen-support { padding:22px 0 34px; border-top:1px solid #223646; text-align:center; }
.listen-support a { color:#00bfee; }
@media(max-width:1150px){.listen-hero{padding-top:180px;gap:4%}.listen-intro h1{font-size:42px}.listen-premium{grid-template-columns:50px 1fr}.listen-premium>.listen-button{grid-column:2;justify-self:start}.listen-premium-mark{width:50px;height:50px}.listen-section-heading{display:block}.listen-section-heading>p{margin-top:10px}}
@media(max-width:760px){.listen-hero{display:block;padding:140px 22px 30px;background-image:linear-gradient(90deg,#040812eb,#04081288),url('/_website/website-20261027-release205charts1/redesign/assets/space-ambient-mobile-v1.webp?v=9e6571a61b85')}.listen-intro h1{font-size:clamp(30px,7.8vw,45px)}.listen-lead{font-size:16px}.listen-onair{margin-top:30px;max-width:none}.listen-station-art{min-height:130px;padding:15px}.listen-station-art img{width:85px;height:85px}.listen-station-art span{font-size:16px}.listen-now-copy{padding:22px}.listen-now-copy h2{font-size:22px}.listen-content{width:calc(100% - 44px)}.listen-browser,.listen-technical{grid-template-columns:1fr;gap:24px;padding:30px 0}.listen-options{grid-template-columns:1fr;gap:16px}.listen-option{padding:24px}.listen-option h3{font-size:23px}.listen-premium{padding:24px;grid-template-columns:1fr;gap:18px}.listen-premium>.listen-button{grid-column:1}.listen-premium-mark{display:none}.listen-premium h2{font-size:24px}.listen-copy-row{flex-wrap:wrap}.listen-copy-row input{font-size:16px}.listen-actions{gap:18px}.listen-benefits{gap:16px}}

.listen-station-art.listen-bot-art{position:relative;min-height:240px;background:radial-gradient(ellipse at bottom,#19405c,#071421 70%);overflow:hidden}
.listen-station-art.listen-bot-art img{width:auto;height:285px;object-fit:contain;max-width:100%;margin:-20px auto -18px;filter:none;opacity:1}
.listen-station-art.listen-bot-art span{position:relative;display:block;font-size:10px;padding-bottom:15px}