/* Radio dashboard: existing playback, metadata and editorial content remain shared. */
.m-stad .station-dashboard{background:#06121d;color:#f8fbff}
.station-dashboard .wrap{width:min(1480px,calc(100% - 64px));max-width:1480px}
.m-stad .station-dashboard header{background:#06121d;border-bottom:1px solid #ffffff12}
.m-stad .station-dashboard .nav{min-height:106px;gap:30px}
.station-dashboard .nav .brand-logo{width:280px;height:76px}
.m-stad .station-dashboard .nav nav{margin-left:auto;gap:21px}
.m-stad .station-dashboard .nav nav a{font-size:13px;padding-block:15px;white-space:nowrap}
.m-stad .station-dashboard .nav-play{border-radius:999px;white-space:nowrap;background:#ff791f;color:#071522;padding:14px 25px}
.station-dashboard .station-grid{display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:28px;padding-top:28px;align-items:start}
.station-main{min-width:0}
.station-hero{position:relative;display:grid;grid-template-columns:clamp(220px,26vw,340px) minmax(0,1fr);align-items:center;gap:34px;min-height:350px;padding:0 0 28px;isolation:isolate}
.station-hero:before{content:'';position:absolute;z-index:-1;inset:0 -12px 20px 40%;background:linear-gradient(90deg,#06121d,transparent),linear-gradient(0deg,#06121d88,#06121d66),url("/assets/breda-grote-kerk-night.jpg");background-size:cover,cover,auto 100%;background-position:center,center,right center;background-repeat:no-repeat;border-radius:8px;opacity:.7}
.m-stad .station-cover{position:relative;inset:auto;display:block;width:100%;aspect-ratio:1;border:1px solid #ffffff65;border-radius:5px;background:#0b1e2e;overflow:hidden;box-shadow:0 10px 30px #0002;transform:none}
.station-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.station-cover img[data-cover]{z-index:2;background:#071522}
.station-cover .station-cover-fallback{z-index:0}
.station-hero-copy{min-width:0;align-self:center}
.station-live{display:inline-flex;align-items:center;gap:10px;color:#fff;background:#fa761d;border-radius:7px;padding:8px 12px;margin:0 0 18px;font-size:12px;font-weight:800;letter-spacing:.45px}
.station-live .live-dot{width:7px;height:7px;background:white;box-shadow:none}
.m-stad .station-hero h2{font-size:clamp(28px,3.3vw,49px);letter-spacing:-1.3px;line-height:1.16;margin:0 0 8px;font-weight:800;color:white}
.m-stad .station-track{font-size:clamp(20px,2.15vw,31px);line-height:1.3;margin:0;color:#e6edf3;font-weight:400;max-width:100%;overflow:hidden}
.station-controls{display:flex;align-items:center;gap:24px;margin-top:24px}
.station-play{display:grid;place-items:center;flex-shrink:0;width:76px;height:76px;border-radius:50%;border:0;background:#ff791f;color:white;font-size:31px;cursor:pointer}
.station-play:hover{background:#ff994e}
.station-play:focus-visible,.station-shortcut:focus-visible{outline:3px solid white;outline-offset:5px}
.station-wave{display:flex;align-items:center;gap:4px;height:72px;max-width:360px;width:100%;overflow:hidden}
.station-wave i{display:block;flex:1;min-width:3px;max-width:5px;height:var(--height);border-radius:2px;background:#ff873a;opacity:.8}
.station-wave i:nth-child(n+24){background:#6f8395;opacity:.5}
.is-playing .station-wave i{animation:station-wave 1.2s ease-in-out var(--delay) infinite alternate}
@keyframes station-wave{from{transform:scaleY(.45)}to{transform:scaleY(1)}}
.station-reception{font-size:12px;color:#aebfcd;margin:18px 0 0;letter-spacing:.5px}
.m-stad .station-hero .live-details{color:#aebfcd;font-size:11px;gap:12px;justify-content:flex-start;flex-wrap:wrap}
.station-sidebar{border-left:1px solid #ffffff12;padding-left:24px;min-width:0}
.m-stad .station-sidebar .live-feature{padding:14px;border-radius:8px;background:#0d1d2b;border:1px solid #ffffff09;box-shadow:none;min-height:0}
.station-sidebar .feature-heading{padding:0;margin:0 0 12px;min-height:0}
.station-sidebar .feature-heading h2{font-size:16px;text-transform:uppercase;letter-spacing:0}
.station-sidebar .feature-heading .live-dot{display:none}
.station-sidebar .feature-slides{height:auto;min-height:0;display:block;position:relative}
.m-stad .station-sidebar .feature-programme{position:static;display:block;opacity:1;transform:none;visibility:visible;pointer-events:auto}
.station-sidebar .feature-song,.station-sidebar .feature-footer,.station-sidebar #feature-pause{display:none!important}
.m-stad .station-sidebar .feature-image{height:175px;aspect-ratio:16/10;border-radius:4px;overflow:hidden;background:#06121d}
.m-stad .station-sidebar .feature-image img{width:100%;height:100%;object-fit:contain}
.station-sidebar .feature-image img.feature-portrait{object-fit:cover;object-position:center 25%}
.m-stad .station-sidebar .feature-copy{padding:14px 0 2px;min-height:0;position:static;background:none}
.station-sidebar .feature-kicker{display:none}
.m-stad .station-sidebar .feature-copy h3{font-size:20px;line-height:1.2;margin-bottom:5px}
.m-stad .station-sidebar .feature-copy p{font-size:13px;margin:0;color:#c9d5df}
.m-stad .station-sidebar .feature-copy .feature-time{color:#ff9a52;margin-top:8px;font-size:12px}
.station-today{margin-top:24px;border-top:1px solid #ffffff13;padding-top:18px}
.station-today-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}
.station-today-heading h2,.station-next h2{font-size:16px;margin:0;letter-spacing:-.3px}
.station-today-heading a{font-size:11px;color:#ff9a52;white-space:nowrap}
.station-today-row{display:grid;grid-template-columns:66px 38px minmax(0,1fr);align-items:center;gap:10px;padding:13px 4px;border-bottom:1px solid #ffffff10;text-decoration:none;color:white}
.station-today-row time{font-size:10px;line-height:1.5;color:#bdcbd7;font-variant-numeric:tabular-nums}
.station-today-row img{width:38px;height:42px;object-fit:cover;border-radius:3px;background:#0d1d2b}
.station-today-row strong{display:block;font-size:11px;line-height:1.35;font-weight:800}
.station-today-row p{font-size:10px;margin:3px 0 0;color:#b7c8d6;line-height:1.4}
.station-today-row.is-current{border-radius:6px;background:#ff791f;color:#071522;padding-inline:8px;border:0;margin:4px -4px}
.station-today-row.is-current time,.station-today-row.is-current p{color:#071522}
.station-today-row:hover:not(.is-current){background:#ffffff06}
.station-next{margin-top:22px}
.m-stad .station-sidebar .now-next-cards{margin-top:12px;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;min-width:0}
.m-stad .station-sidebar .onair-card--live{display:none}
.m-stad .station-sidebar .onair-card--next{grid-template-columns:50px minmax(0,1fr);padding:12px;gap:10px;border:1px solid #ffffff12;border-radius:6px;background:#0b1c2a}
.m-stad .station-sidebar .onair-card--next .onair-photo{width:50px;aspect-ratio:1;height:50px}
.m-stad .station-sidebar .onair-card--next h3{font-size:13px;margin:0}
.m-stad .station-sidebar .onair-card--next p,.m-stad .station-sidebar .onair-card-time{font-size:11px;line-height:1.4;margin:3px 0}
.m-stad .station-sidebar .onair-card-time:before{display:none}
.station-sidebar .onair-card-label{font-size:10px;color:#ff9a52}
.station-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 24px}
.station-shortcut{position:relative;isolation:isolate;display:flex;align-items:center;min-width:0;min-height:160px;padding:18px;border:1px solid #ffffff22;border-radius:6px;background:#0e2334;overflow:hidden;text-decoration:none}
.station-shortcut>div{position:relative;z-index:1;min-width:0}
.station-shortcut>img{position:absolute;z-index:-1;width:100%;height:100%;inset:0;object-fit:cover;object-position:center 25%;opacity:.25}
.station-shortcut:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#06121d22,#06121dcc)}
.shortcut-taste{padding-left:42%}
.shortcut-taste>img{width:52%;opacity:1;object-fit:cover;object-position:center}
.shortcut-taste:after{background:linear-gradient(90deg,transparent 20%,#071522 52%)}
.shortcut-label{font-size:13px;font-weight:800;letter-spacing:.1px;color:white;display:block;margin:0 0 9px}
.shortcut-taste .shortcut-label{color:#ff9a52}
.station-shortcut h3{font-size:14px;margin:0 0 4px;line-height:1.3;color:#fff}
.station-shortcut p{font-size:12px;line-height:1.45;color:#dae3ec;margin:0 0 12px}
.shortcut-button{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffffab;border-radius:999px;padding:7px 10px;font-size:10px;text-transform:uppercase;font-weight:800;white-space:nowrap;color:white}
.shortcut-taste .shortcut-button{background:#ff791f;color:#071522;border-color:#ff791f}
.shortcut-chart{background:#291711;padding-left:44%}
.shortcut-chart:after{background:linear-gradient(120deg,#ff791f33,transparent)}
.shortcut-number{position:absolute;left:16px;top:32px;font-size:19px;color:#ff873a;font-weight:800;line-height:1}
.shortcut-number strong{font-size:58px;display:block;letter-spacing:-4px}
.shortcut-contact{font-size:60px;position:absolute;right:4px;bottom:5px;opacity:.12;color:#ff873a}
.station-shortcut:hover{border-color:#ff873a;background-color:#102b3e}
.m-stad .station-dashboard .recently-played{width:100%;padding:0;margin:0 0 28px;max-width:none}
.m-stad .station-dashboard .recently-played-panel{background:transparent;border:0;padding:0;box-shadow:none;border-radius:0}
.station-dashboard .recently-played .section-head{margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #ffffff14}
.station-dashboard .recently-played .eyebrow{display:none}
.m-stad .station-dashboard .recently-played h2{font-size:22px;line-height:1.2;letter-spacing:-.5px}
.station-dashboard .recently-played .recent-intro{font-size:11px}
.m-stad .station-dashboard .recent-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.m-stad .station-dashboard .recent-track{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border:0;min-width:0;position:relative}
.m-stad .station-dashboard .recent-track img{order:0;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#0d1d2b;border:1px solid #ffffff22;border-radius:4px}
.m-stad .station-dashboard .recent-track time{order:1;padding:8px 0 5px;font-size:11px;color:#aebfcd}
.station-dashboard .recent-track-copy{order:2;min-width:0;display:flex;flex-direction:column}
.m-stad .station-dashboard .recent-track h3{order:1;font-size:11px;line-height:1.4;font-weight:400;color:#d4e0ea;margin:3px 0 0}
.m-stad .station-dashboard .recent-track p{order:0;font-size:12px;line-height:1.3;font-weight:800;color:white;margin:0}
.m-stad .station-dashboard .recent-footer{border:0;padding-top:14px;margin:0;justify-content:space-between;gap:12px}
.station-dashboard .recent-footer p{font-size:10px}
.station-dashboard .recent-more{font-size:11px;padding:8px 14px;min-height:36px}
.m-stad .station-dashboard .app-download{width:100%;max-width:none;margin:0 0 32px;padding:24px 26px;display:grid;grid-template-columns:1fr 180px;gap:20px;border-radius:7px;background:#102334;border:1px solid #ffffff1a;overflow:hidden;min-height:0}
.station-dashboard .app-download .eyebrow{color:#ff9a52;font-size:10px;margin-bottom:6px}
.m-stad .station-dashboard .app-download h2{font-size:25px;letter-spacing:-.8px;margin:0 0 8px}
.station-dashboard .app-download-intro{font-size:12px!important;line-height:1.5;margin:0 0 15px!important;max-width:500px}
.m-stad .station-dashboard .app-store-badges{gap:12px;margin:0;display:flex;flex-wrap:wrap}
.m-stad .station-dashboard .app-store-badge{flex:0 0 132px;width:132px;height:44px;min-height:0;padding:0}
.station-dashboard .app-store-badge img{width:100%;height:100%;object-fit:contain}
.station-dashboard .app-download-visual{height:160px;align-self:center;overflow:hidden}
.station-dashboard .app-download-visual img{width:100%;height:230px;object-fit:contain;object-position:center top}
.m-stad .station-dashboard .section{padding-block:32px}
.m-stad .station-dashboard .section h2{font-size:30px;letter-spacing:-1px}
.station-dashboard .radio-highlights{width:min(1480px,calc(100% - 64px));display:block}
.m-stad .station-dashboard .radio-highlights .smaakmaker-section{width:100%;padding-block:28px}
.station-dashboard .releases-preview{border-top:1px solid #ffffff12}
.m-stad .station-dashboard .player{background:#0a1b29;border-top:1px solid #ffffff22;box-shadow:0 -5px 24px #0004}
.m-stad .station-dashboard footer{background:#06121d}
.station-dashboard [hidden]{display:none!important}
@media(min-width:1600px){.station-hero{min-height:390px}.station-shortcut{min-height:180px}}
@media(max-width:1280px){.station-dashboard .wrap{width:calc(100% - 40px)}.station-dashboard .station-grid{grid-template-columns:minmax(0,1fr) 270px;gap:22px}.station-sidebar{padding-left:18px}.station-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.station-shortcut{min-height:140px}.station-dashboard .nav .brand-logo{width:220px}.m-stad .station-dashboard .nav{gap:22px}.m-stad .station-dashboard .nav nav{gap:14px}.m-stad .station-dashboard .nav nav a{font-size:11px}.station-hero{grid-template-columns:clamp(190px,23vw,270px) minmax(0,1fr);gap:24px;min-height:300px}.station-dashboard .station-hero h2{font-size:34px}.station-dashboard .station-track{font-size:23px}.station-play{width:64px;height:64px}.station-wave{gap:3px}.m-stad .station-dashboard .recent-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.m-stad .station-dashboard .nav{flex-wrap:wrap;padding-block:12px;gap:10px}.station-dashboard .nav>a{margin-right:auto}.m-stad .station-dashboard .nav nav{order:3;flex-basis:100%;justify-content:center;gap:25px;margin:0}.m-stad .station-dashboard .nav nav a{font-size:12px;padding-block:8px}.station-dashboard .station-grid{grid-template-columns:minmax(0,1fr) 248px;gap:20px}.station-hero{grid-template-columns:200px minmax(0,1fr);gap:20px;min-height:250px}.station-dashboard .station-hero h2{font-size:28px}.station-dashboard .station-track{font-size:20px}.station-wave{gap:2px;height:50px}.station-controls{gap:14px;margin-top:18px}.station-play{width:54px;height:54px;font-size:22px}.station-reception{font-size:10px}.station-live{font-size:10px;margin-bottom:12px}.station-dashboard .app-download-visual{display:none}.m-stad .station-dashboard .app-download{grid-template-columns:1fr}.station-shortcut{padding:16px}.shortcut-taste{padding-left:42%}.shortcut-chart{padding-left:44%}}
@media(max-width:850px){.station-dashboard .station-grid{grid-template-columns:1fr}.station-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:24px;border:0;border-top:1px solid #ffffff15;padding:24px 0;margin-bottom:24px}.station-today{border:0;margin:0;padding:0}.station-next{grid-column:1/-1;margin:0}.station-sidebar .station-next h2{display:none}.station-sidebar .now-next-cards{margin:0!important}.station-hero{grid-template-columns:260px 1fr;min-height:290px}.station-dashboard .station-hero h2{font-size:36px}.station-dashboard .station-track{font-size:25px}.station-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.station-shortcut{padding:14px;min-height:160px;align-items:flex-end}.shortcut-taste{padding-left:14px}.shortcut-taste>img{width:100%;opacity:.25}.shortcut-taste:after{background:linear-gradient(0deg,#071522,transparent)}.shortcut-chart{padding-left:14px}.shortcut-number{display:none}.shortcut-label{font-size:12px}.shortcut-button{font-size:9px;padding:6px 8px}.m-stad .station-dashboard .recent-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}}
@media(max-width:600px){.station-dashboard .wrap{width:calc(100% - 32px)}.m-stad .station-dashboard .nav{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;min-height:82px;padding-block:12px;gap:6px}.station-dashboard .nav .brand-logo{width:204px;height:58px;max-width:100%}.station-dashboard .nav>a{margin:0;justify-self:center}.m-stad .station-dashboard .nav nav{display:none;order:initial}.m-stad .station-dashboard .nav nav.open{display:flex;grid-column:1/-1;gap:0;flex-direction:column;align-items:stretch;padding-top:10px}.m-stad .station-dashboard .nav nav a{font-size:15px;padding:12px}.m-stad .station-dashboard .nav-play{padding:0;width:40px;height:40px;min-height:40px}.station-dashboard .station-grid{padding-top:20px;gap:0}.station-hero{grid-template-columns:108px minmax(0,1fr);gap:18px;min-height:0;padding-bottom:24px;align-items:start}.station-hero:before{display:none}.station-cover{margin-top:0}.station-live{font-size:9px;padding:5px 7px;margin-bottom:10px;gap:5px}.station-live .live-dot{width:5px;height:5px}.m-stad .station-dashboard .station-hero h2{font-size:clamp(21px,6vw,28px);letter-spacing:-.5px;margin-bottom:5px}.m-stad .station-dashboard .station-track{font-size:17px;line-height:1.4}.station-controls{margin-top:13px;gap:12px}.station-play{width:46px;height:46px;font-size:19px}.station-wave{height:38px;gap:2px}.station-wave i{min-width:2px;max-width:3px}.station-reception{font-size:9px;letter-spacing:0;margin-top:10px}.station-hero .live-details{font-size:10px!important;flex-direction:column;margin-top:7px;gap:4px!important}.station-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:24px}.station-shortcut{min-height:144px;align-items:center;padding:16px}.shortcut-taste{padding-left:40%}.shortcut-taste>img{width:52%;opacity:1}.shortcut-taste:after{background:linear-gradient(90deg,transparent,#071522 53%)}.shortcut-taste h3{font-size:12px}.shortcut-taste p{font-size:10px}.shortcut-label{font-size:11px}.station-shortcut p{font-size:11px}.shortcut-chart{padding-left:40%}.shortcut-number{display:block;left:12px;top:32px;font-size:16px}.shortcut-number strong{font-size:49px}.m-stad .station-dashboard .recent-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}.station-dashboard .recently-played .section-head{display:flex;align-items:center}.m-stad .station-dashboard .recently-played h2{font-size:22px}.station-dashboard .recently-played .recent-intro{display:none}.m-stad .station-dashboard .app-download{padding:22px;margin-bottom:24px}.m-stad .station-dashboard .app-download h2{font-size:24px}.station-sidebar{grid-template-columns:1fr;gap:22px;padding-top:24px}.station-next{grid-column:auto}.m-stad .station-sidebar .live-feature{display:grid;grid-template-columns:1fr;padding:16px}.station-sidebar .feature-programme{display:grid!important;grid-template-columns:105px 1fr;gap:16px;align-items:center}.m-stad .station-sidebar .feature-image{height:105px;aspect-ratio:1}.m-stad .station-sidebar .feature-copy{padding:0}.station-today-row{grid-template-columns:82px 42px 1fr;gap:14px;padding:12px 6px}.station-today-row time{font-size:12px}.station-today-row strong{font-size:13px}.station-today-row p{font-size:11px}.station-today-row img{width:42px;height:46px}.station-dashboard .radio-highlights{width:calc(100% - 32px)}.m-stad .station-dashboard .section{padding-block:24px}.m-stad .station-dashboard .section h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.station-wave i{animation:none!important}}

.station-photo-credit{position:absolute;right:2px;bottom:8px;margin:0;color:#879bac;font-size:8px;line-height:1.4}.station-photo-credit a{text-decoration:underline;text-underline-offset:2px}
@media(max-width:600px){.station-photo-credit{display:none}}

/* Mobile header slots override inherited flex order. */
@media(max-width:600px){
.m-stad .station-dashboard header .nav{grid-template-columns:minmax(0,1fr) 44px 36px;grid-template-areas:"brand play menu" "navigation navigation navigation";min-height:78px;gap:10px}
.m-stad .station-dashboard header .nav>a{grid-area:brand;order:0;justify-self:start;min-width:0;margin:0}
.m-stad .station-dashboard header .nav .brand-logo{width:min(210px,100%);height:auto;max-width:100%;aspect-ratio:1140/228}
.m-stad .station-dashboard header .nav-play{grid-area:play;order:0;margin:0;width:44px;height:44px;min-height:44px;padding:0;gap:0}
.m-stad .station-dashboard header .nav-play [data-play-label]{display:none}
.m-stad .station-dashboard header .nav-play .play-icon{font-size:20px}
.m-stad .station-dashboard header .menu-toggle{grid-area:menu;order:0;margin:0}
.m-stad .station-dashboard header .nav nav.open{grid-area:navigation;order:0;width:100%;margin:0}
.station-dashboard .shortcut-taste{display:block;padding:0;align-self:stretch}
.station-dashboard .shortcut-taste>img{position:relative;z-index:0;display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;opacity:1}
.station-dashboard .shortcut-taste:after{display:none}
.station-dashboard .shortcut-taste>div{padding:12px}
.station-dashboard .shortcut-taste h3{font-size:14px}
.station-dashboard .shortcut-taste p{font-size:12px}
.station-dashboard .shortcut-chart{padding:16px;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}
.station-dashboard .shortcut-chart .shortcut-number{position:static;font-size:16px;flex-shrink:0}
.station-dashboard .shortcut-chart .shortcut-number strong{font-size:42px}
.station-dashboard .shortcut-chart .shortcut-button{white-space:normal}
}

/* Draw playback symbols so iOS cannot render the text as a colour emoji. */
.station-dashboard [data-play] .play-icon{font-size:0!important;display:block;width:16px;height:18px;flex-shrink:0;background:currentColor;clip-path:polygon(12% 0,100% 50%,12% 100%)}
.station-dashboard.is-playing [data-play] .play-icon{clip-path:none;background:linear-gradient(90deg,currentColor 0 35%,transparent 35% 65%,currentColor 65% 100%)}
.station-dashboard .station-play .play-icon{width:22px;height:26px;color:white}
@media(max-width:600px){.station-dashboard .station-play .play-icon{width:16px;height:20px}}

/* Keep the chart mark in normal flow at every viewport width. */
.station-dashboard .shortcut-chart{padding:18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px}
.station-dashboard .shortcut-chart .shortcut-number{position:static;inset:auto;display:flex;align-items:baseline;gap:8px;flex-shrink:0;font-size:19px;line-height:1;margin:0}
.station-dashboard .shortcut-chart .shortcut-number strong{font-size:52px;line-height:1;letter-spacing:-2px}
.station-dashboard .shortcut-chart .shortcut-label{display:none}
.station-dashboard .shortcut-chart .shortcut-button{white-space:normal}
@media(min-width:601px){
.station-dashboard .shortcut-taste{display:block;padding:0;align-self:stretch}
.station-dashboard .shortcut-taste>img{position:relative;z-index:0;display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;opacity:1}
.station-dashboard .shortcut-taste:after{display:none}
.station-dashboard .shortcut-taste>div{padding:14px}
.station-dashboard .shortcut-taste .shortcut-label{font-size:12px;margin-bottom:7px}
.station-dashboard .shortcut-taste h3{font-size:15px}
.station-dashboard .shortcut-taste p{font-size:12px}
}

/* Wider programme column and a compact, prominent app promotion. */
@media(min-width:1101px){
.station-dashboard .station-grid{grid-template-columns:minmax(0,1fr) clamp(340px,29vw,410px);gap:24px}
.station-dashboard .station-sidebar{padding-left:20px}
.station-dashboard .station-today-row{grid-template-columns:82px 48px minmax(0,1fr);gap:12px;padding-block:12px}
.station-dashboard .station-today-row time{font-size:12px}
.station-dashboard .station-today-row img{width:48px;height:48px}
.station-dashboard .station-today-row strong{font-size:14px}
.station-dashboard .station-today-row p{font-size:12px}
.m-stad .station-dashboard .station-sidebar .feature-image{height:210px}
.m-stad .station-dashboard .station-sidebar .feature-copy h3{font-size:23px}
.m-stad .station-dashboard .station-sidebar .feature-copy p{font-size:14px}
}
@media(min-width:851px) and (max-width:1100px){.station-dashboard .station-grid{grid-template-columns:minmax(0,1fr) 300px;gap:20px}}
.m-stad .station-dashboard .app-download{grid-template-columns:minmax(0,1fr) 200px;gap:24px;padding:24px;margin-bottom:18px;align-items:center;background:#102334}
.m-stad .station-dashboard .app-download-copy{padding:0;min-width:0}
.m-stad .station-dashboard .app-download-visual{display:flex;height:auto;padding:0;align-items:center;justify-content:center;overflow:visible}
/* Crop only the empty background around the original phone, preserving
   the complete handset and the image's natural proportions. */
.m-stad .station-dashboard .app-phone-frame{position:relative;width:200px;aspect-ratio:674/1366;flex-shrink:0;overflow:hidden;border-radius:32px;box-shadow:0 14px 26px #0007}
.m-stad .station-dashboard .app-phone-frame>img{position:absolute;left:-26.71%;top:-5.49%;display:block;width:151.93%;max-width:none;height:auto;object-fit:contain;clip-path:none}
.m-stad .station-dashboard .app-download h2{font-size:30px;line-height:1.2}
.m-stad .station-dashboard .app-download-intro{font-size:16px!important;max-width:420px;line-height:1.6}
.m-stad .station-dashboard .section{padding-block:20px}
.m-stad .station-dashboard .section-head{margin-bottom:16px}
.m-stad .station-dashboard .recently-played{margin-bottom:18px}
.station-dashboard .station-shortcuts{margin-bottom:18px}
.station-dashboard .station-today{margin-top:18px;padding-top:16px}
.station-dashboard .station-next{margin-top:18px}
.m-stad .station-dashboard .radio-highlights .smaakmaker-section{padding-block:20px}
/* All chart text stays readable against its actual row background. */
.m-stad .station-dashboard .chart-panel{background:#0d2030;border-color:#365269}
.m-stad .station-dashboard .chart-row{background:#0d2030;border-color:#ffffff16}
.m-stad .station-dashboard .chart-panel>.chart-list>.chart-row:nth-child(even),.m-stad .station-dashboard .chart-rest>.chart-list>.chart-row:nth-child(odd){background:#142b3d}
.m-stad .station-dashboard .chart-panel>.chart-list>.chart-row:first-child{background:#422514}
.m-stad .station-dashboard .chart-song h3{color:#fff}
.m-stad .station-dashboard .chart-song p,.m-stad .station-dashboard .chart-weeks{color:#c9d7e2}
.m-stad .station-dashboard .chart-rank{color:#ff9a52}
.m-stad .station-dashboard .chart-move{color:#d8e3ed}
.m-stad .station-dashboard .chart-move--up{color:#77dfa4}
.m-stad .station-dashboard .chart-move--down{color:#ffa5ad}
.m-stad .station-dashboard .chart-rest>summary{background:#142b3d;color:#fff}
.m-stad .station-dashboard .chart-rest>summary:hover{background:#203b50}
@media(max-width:600px){
.m-stad .station-dashboard .app-download{grid-template-columns:minmax(0,1fr);padding:20px;gap:12px}
.m-stad .station-dashboard .app-phone-frame{width:180px;border-radius:29px}
.m-stad .station-dashboard .app-download h2{font-size:25px}
}

/* Readable upcoming programmes in the full-width sidebar card. */
.m-stad .station-dashboard .station-sidebar .station-next h2{display:block;font-size:22px;line-height:1.3;margin-bottom:14px}
.m-stad .station-dashboard .station-sidebar .onair-card--next{grid-template-columns:92px minmax(0,1fr);padding:18px;gap:16px;align-items:center}
.m-stad .station-dashboard .station-sidebar .onair-card--next>.onair-photo{width:92px;height:92px;aspect-ratio:1;flex:none;border-radius:10px}
.m-stad .station-dashboard .station-sidebar .onair-card--next h3{font-size:21px;line-height:1.25;letter-spacing:0;margin:6px 0 8px;overflow-wrap:break-word}
.m-stad .station-dashboard .station-sidebar .onair-card--next .onair-card-label{font-size:12px;letter-spacing:1px;line-height:1.4;margin-bottom:6px}
.m-stad .station-dashboard .station-sidebar .onair-card--next .onair-host,
.m-stad .station-dashboard .station-sidebar .onair-card--next .onair-card-time{font-size:15px;line-height:1.5;margin:4px 0;color:#dbe5ed}
@media(min-width:851px) and (max-width:1100px){
.m-stad .station-dashboard .station-sidebar .onair-card--next{grid-template-columns:76px minmax(0,1fr);padding:14px;gap:12px}
.m-stad .station-dashboard .station-sidebar .onair-card--next>.onair-photo{width:76px;height:76px}
.m-stad .station-dashboard .station-sidebar .onair-card--next h3{font-size:19px}
}

/* Mobile store buttons must not inherit a vertical flex-basis: that
   reserves a large empty row for each badge. Keep both links together. */
@media(max-width:600px){
.m-stad .station-dashboard .app-download{align-items:start;gap:20px;min-height:0}
.m-stad .station-dashboard .app-store-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:center;justify-content:center;width:100%;max-width:330px;margin:16px auto 0}
.m-stad .station-dashboard .app-store-badge{display:block;flex:none;width:100%;max-width:none;height:auto;min-height:0;margin:0;padding:0}
.m-stad .station-dashboard .app-store-badge img{display:block;width:100%;height:46px;object-fit:contain}
.m-stad .station-dashboard .app-download-visual{height:auto;margin:0;align-self:start;filter:none}
.m-stad .station-dashboard .app-phone-frame{width:160px;border-radius:26px}
/* The hero shows the whole title. The separate bottom ticker and player
   retain their moving text. A full-width inner span needs no animation. */
.m-stad .station-dashboard .station-hero .track-ticker{white-space:normal;overflow:visible;overflow-wrap:anywhere}
.m-stad .station-dashboard .station-hero .track-ticker>.track-ticker-text{display:block;width:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere}
}