/*
Theme Name: 053Radio Next
Description: Zelfstandige 053Radio-preview, geïnspireerd op de opbouw van Sunshine Live.
Version: 0.1.0
Author: Audiostreamen
*/
:root{--cyan:#00d3ed;--blue:#123df0;--ink:#071322;--muted:#536074;--r53-gold:#00d3ed;--r53-blue:#123bc7;--r53-blue-deep:#061321;--r53-ink:#071322;--r53-muted:#536074}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-bottom:110px}body{margin:0;padding-bottom:96px;background:#f7f8fc;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}img{max-width:100%;height:auto}button:disabled{opacity:.45;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #00cce5;outline-offset:5px}.screen-reader-text,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link:focus{position:fixed;top:10px;left:10px;z-index:10001;padding:12px;background:white;color:#071322}.content-width{width:min(1120px,calc(100% - 64px));margin-inline:auto}.preview-note{background:#052746;color:#cdebf8;text-align:center;font-size:10px;font-weight:700;letter-spacing:1.7px;padding:7px 16px}.preview-note span{font-weight:400;letter-spacing:.2px;margin-left:18px;color:#e0f1f8}.site-header{background:#03070c;color:white;padding:25px 32px 0;text-align:center}.brand{display:inline-flex;align-items:center;text-decoration:none}.brand-mark{display:block;position:relative;width:250px;aspect-ratio:5/1;overflow:hidden}.brand-mark img{position:absolute;display:block;width:100%;max-width:none;top:-100%;left:0}.site-nav{display:flex;align-items:center;justify-content:center;gap:38px;min-height:70px;margin-top:16px}.site-nav ul{display:flex;align-items:center;justify-content:center;list-style:none;gap:34px;padding:0;margin:0}.site-nav a{text-decoration:none;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;padding-block:22px;display:block}.site-nav a:hover{color:var(--cyan)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:0;border-radius:0;min-height:44px;padding:12px 22px;background:white;color:var(--ink);text-decoration:none;font-weight:800;font-size:13px;line-height:1.3}.button:hover{filter:brightness(.94)}.button-primary{background:var(--cyan);color:#052131}.button-secondary{background:#e9eef7;color:#0b2e64}.app-nav{font-size:11px;text-transform:uppercase;min-height:36px;padding:10px 18px}.menu-toggle{display:none}.eyebrow{font-size:12px;letter-spacing:2.8px;font-weight:800;line-height:1.5;text-transform:uppercase}.broadcast{position:relative;overflow:hidden;background:linear-gradient(112deg,#038ba8 0%,#065dba 49%,#1333c8 100%);color:white}.broadcast-watermark{position:absolute;pointer-events:none;user-select:none;top:-145px;left:-4%;font-size:clamp(650px,80vw,1300px);font-weight:900;line-height:1;letter-spacing:-.11em;font-style:italic;color:#fff;opacity:.055}.broadcast-inner{position:relative;width:min(1000px,calc(100% - 64px));margin:auto;padding:86px 0 32px}.hero-player{display:flex;gap:46px;align-items:center;justify-content:center;min-height:220px;margin:0 auto 70px}.play-stack{display:flex;align-items:center;flex-direction:column;flex:0 0 132px;gap:18px}.listen-label{position:relative;white-space:nowrap;background:white;color:#061827;font-weight:900;font-size:11px;line-height:1;padding:14px 16px}.listen-label:after{content:"";position:absolute;top:100%;left:calc(50% - 8px);border:8px solid transparent;border-top-color:white}.r53-live-play{background:#00d3ed;color:#06213a;box-shadow:none;width:112px;height:112px;min-width:112px;min-height:112px}.r53-live-play:hover,.r53-live-play:focus-visible{box-shadow:none;outline-color:white}.hero-track{min-width:0;max-width:620px;padding-top:40px}.hero-track .eyebrow{margin:0 0 12px}.live-dot{display:inline-flex;align-items:center;gap:5px;font-size:9px;letter-spacing:1px;margin-left:14px;color:#bbf7ff}.live-dot:before{content:"";width:5px;height:5px;background:var(--cyan);border-radius:50%}.hero-track h1{font-size:clamp(28px,3.6vw,52px);line-height:1.14;text-transform:uppercase;margin:0 0 12px;letter-spacing:.2px;font-weight:900;overflow-wrap:anywhere}.hero-artist{font-size:clamp(16px,1.6vw,22px);line-height:1.45;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 20px}.track-history{font-size:12px;text-decoration:none;border-bottom:1px solid #ffffff6b;padding-bottom:6px;display:inline-flex;gap:30px}.recent-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.recent-heading h2{font-size:13px;letter-spacing:4px;text-transform:uppercase;margin:0}.recent-heading>span{font-size:11px;color:#d2e9ff}.recent-tracks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}.recent-tracks li{min-width:0}.recent-tracks img{width:100%;aspect-ratio:1;display:block;object-fit:cover;background:#071322;border:1px solid #ffffff3b}.recent-tracks .recent-copy{position:relative;padding:11px 0 0}.recent-tracks strong{display:block;font-size:12px;line-height:1.5}.recent-tracks small{display:block;color:#d4e9ff;font-size:11px;line-height:1.6;margin-top:2px}.recent-tracks time{font-size:10px;letter-spacing:.8px;color:#d8ecff}.recent-tracks .recent-placeholder{grid-column:1/-1;min-height:192px;background:#ffffff08;padding:50px;text-align:center}.broadcast-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff38;margin-top:30px;padding-top:20px;font-size:10px;letter-spacing:1.5px;font-weight:700}.broadcast-bottom i{font-style:normal;margin:0 12px;color:#a6e9ff}.broadcast-bottom a{display:inline-flex;gap:30px;text-decoration:none;font-size:11px;letter-spacing:.5px}.station-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:90px}.station-intro .eyebrow,.app-section .eyebrow{color:#086298}.station-intro h2,.app-section h2{font-size:clamp(40px,4.6vw,64px);line-height:1.04;letter-spacing:-2px;margin:18px 0 24px}.station-intro h2 span{color:#1260c9}.section-lead{color:var(--muted);font-size:16px;max-width:360px}.station-story{padding-top:44px;color:var(--muted);font-size:17px}.station-story h2,.station-story h1{display:none}.station-story p:first-child{margin-top:0}.text-link{display:inline-flex;align-items:center;gap:26px;font-weight:800;font-size:13px;color:#103cc1;text-decoration:none;border-bottom:1px solid #bbc7e8;padding-bottom:7px}.social-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:26px;font-size:12px}.social-links a{text-decoration:none}.social-links a:hover{text-decoration:underline}.music-section{background:#edf1f8;padding:68px 0 76px}.music-section>.content-width>.eyebrow{text-align:center;color:#536074}.music-section h2{text-align:center;font-size:32px;line-height:1.2;margin:12px 0 32px;letter-spacing:-1px}.music-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.music-card{position:relative;overflow:hidden;min-height:270px;padding:140px 28px 28px;background:#062d57;color:white}.music-number{position:absolute;right:12px;top:-37px;opacity:.18;font-size:170px;font-weight:900;line-height:1;letter-spacing:-13px}.card-hits{background:linear-gradient(130deg,#037da2,#0749b9)}.card-nederpop{background:linear-gradient(130deg,#1649d1,#18206c)}.card-classics{background:linear-gradient(130deg,#064c74,#062338)}.card-kicker{position:relative;font-size:10px;letter-spacing:2px}.music-card h3{position:relative;margin:5px 0;font-size:27px;line-height:1.2}.music-card p{position:relative;color:#d6e9ff;font-size:13px;margin:8px 0 0}.app-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-block:90px}.app-section p:not(.eyebrow){max-width:400px;color:var(--muted)}.app-section .button{margin-top:12px;margin-right:24px}.phone-wrap{display:flex;justify-content:center}.phone{width:250px;border:7px solid #132233;border-radius:36px;background:linear-gradient(150deg,#06466a,#070e1c 65%);box-shadow:22px 24px 0 #dfebf5;padding:38px 18px 26px;position:relative;text-align:center;display:flex;align-items:center;flex-direction:column;gap:9px}.phone-notch{position:absolute;width:75px;height:16px;border-radius:0 0 12px 12px;background:#132233;top:0}.phone .brand-mark{width:160px}.phone-label{font-size:8px;letter-spacing:2px;color:#c6f5ff}.phone-cover{width:145px;height:145px;object-fit:cover;margin:10px 0}.phone strong{color:white;font-size:12px;line-height:1.4}.phone>span[data-r53-artist]{color:#b8cbd9;font-size:10px}.phone-play{width:40px;height:40px;border-radius:50%;background:var(--cyan);font-size:17px;padding-top:6px;margin-top:9px}.site-footer{background:#030b14;color:#c3d0df;padding:44px 0 20px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:30px;align-items:center}.footer-top .brand-mark{width:190px}.footer-top p{font-size:13px;line-height:1.5;margin:0}.footer-top .social-links{margin:0;justify-content:flex-end}.footer-bottom{display:flex;gap:28px;border-top:1px solid #26323e;margin-top:32px;padding-top:18px;font-size:10px}.footer-bottom a{text-decoration:none}.footer-credit{margin-left:auto;color:#8193a6}.r53-player{min-height:86px;grid-template-columns:54px minmax(0,1fr) 54px auto auto;padding:12px max(24px,calc((100vw - 1120px)/2));background:#02080f;border-top:1px solid #254b60;box-shadow:none;backdrop-filter:none;gap:18px}.r53-player__art{width:52px;height:52px;border-radius:0}.r53-player__station{font-size:9px;letter-spacing:1px}.r53-player__title{font-size:14px}.r53-player__artist{font-size:11px}.r53-player__history{font-size:11px;border-radius:0;border-color:#335369}.r53-volume{display:flex;gap:12px;align-items:center}.r53-volume input{width:85px;accent-color:var(--cyan)}.r53-mute{background:none;color:#d5efff;border:1px solid #335369;padding:7px 10px;font-size:11px}.r53-player-status{position:absolute;bottom:100%;right:20px;font-size:12px;background:#071322;color:white;padding:8px 14px;margin:0}.r53-player-status:empty{display:none}.page-heading{padding:60px 0;background:linear-gradient(110deg,#057f9e,#1139c2);color:white}.page-heading h1{font-size:clamp(34px,5vw,58px);line-height:1.15;margin:12px 0}.page-content{padding-block:55px 80px;min-height:45vh}.page-content:not(.wide-content){max-width:850px}.page-content h2{line-height:1.2;margin-top:32px}.page-content p{max-width:760px}.page-content a:not(.button){text-underline-offset:4px}.r53-history__toolbar h2{font-size:28px}.r53-history__toolbar{border-bottom-color:var(--cyan)}.r53-history__row,.r53-history__day,.r53-history__date,.r53-history__art{border-radius:0}.r53-history__row{box-shadow:none}.r53-history__day{background:white}.r53-history__track strong,.r53-history__track em{white-space:normal;overflow-wrap:anywhere}.r53-history__day.is-active{background:#092e86;color:white;border-color:#092e86}.r53-history__days{gap:8px}.r53-history__day{flex:none}.site-main:focus{outline:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:860px){body{padding-bottom:88px}.content-width{width:calc(100% - 40px)}.site-header{display:flex;position:relative;align-items:center;justify-content:space-between;padding:22px 20px}.site-header .brand-mark{width:195px}.menu-toggle{display:flex;gap:14px;align-items:center;color:white;background:transparent;border:1px solid #406071;padding:8px 12px;font-size:12px}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:100;background:#03070c;padding:14px 24px 24px;margin:0;align-items:stretch;gap:14px}.is-menu-open .site-nav{display:flex;flex-direction:column}.site-nav ul{display:block}.site-nav a{padding:10px 0}.site-nav .app-nav{align-self:flex-start}.broadcast-inner{width:calc(100% - 40px);padding-top:46px}.hero-player{gap:28px;margin-bottom:45px}.play-stack{flex-basis:112px}.hero-track{padding-top:28px}.hero-track h1{font-size:34px}.recent-tracks{gap:12px}.recent-tracks strong{font-size:11px}.station-section{gap:40px;padding-block:60px}.station-story{padding-top:25px;font-size:15px}.music-card{padding-inline:20px}.music-card h3{font-size:23px}.music-grid{gap:15px}.app-section{padding-block:60px;gap:30px}.footer-top{grid-template-columns:1fr 1fr}.footer-top .social-links{grid-column:1/-1;justify-content:flex-start}.r53-player{min-height:86px;grid-template-columns:44px minmax(0,1fr) 48px auto;gap:12px;padding:10px 16px}.r53-player__art{width:44px;height:44px}.r53-player__play{width:46px;height:46px}.r53-player__history{grid-column:auto;min-height:34px}.r53-volume{display:none}.r53-history__controls .button{flex:none}.r53-history__date{flex:none}.r53-history__day{flex:none}}
@media(max-width:560px){.preview-note{font-size:8px;padding:5px}.preview-note span{font-size:8px;margin-left:6px;letter-spacing:0}.site-header .brand-mark{width:170px}.content-width{width:calc(100% - 36px)}.broadcast-inner{width:calc(100% - 36px);padding-top:36px}.broadcast-watermark{font-size:720px;top:20px;left:-160px}.hero-player{align-items:center;gap:20px;min-height:195px;margin-bottom:32px}.play-stack{flex-basis:88px;gap:14px}.r53-live-play{width:84px;height:84px;min-width:84px;min-height:84px}.listen-label{font-size:8px;padding:11px 10px}.hero-track{padding-top:28px}.hero-track .eyebrow{font-size:10px;letter-spacing:1.7px;margin-bottom:9px}.hero-track h1{font-size:27px;line-height:1.14;margin-bottom:8px}.hero-artist{font-size:12px;letter-spacing:.3px;margin-bottom:14px}.live-dot{margin-left:4px;font-size:8px}.track-history{font-size:10px;gap:10px}.recent-heading{display:block}.recent-heading h2{font-size:11px;letter-spacing:3px}.recent-heading>span{display:none}.recent-tracks{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:14px}.recent-tracks li{flex:0 0 137px;scroll-snap-align:start}.recent-tracks .recent-placeholder{flex-basis:100%;padding:24px;min-height:140px}.recent-tracks strong{font-size:11px}.broadcast-bottom{gap:15px;align-items:flex-start;margin-top:12px;font-size:8px;letter-spacing:.6px}.broadcast-bottom i{margin:0 4px}.broadcast-bottom a{font-size:9px;gap:8px;white-space:nowrap}.station-section{grid-template-columns:1fr;gap:4px;padding-block:48px}.station-intro h2,.app-section h2{font-size:48px}.station-story{padding:0}.section-lead{font-size:15px}.music-section{padding:40px 0}.music-section h2{font-size:27px}.music-grid{grid-template-columns:1fr}.music-card{min-height:190px;padding:64px 26px 26px}.music-number{right:20px;top:-18px}.app-section{grid-template-columns:1fr;gap:42px;padding-block:48px}.phone{width:226px}.footer-top{gap:22px}.footer-top .brand-mark{width:160px}.footer-top p{font-size:11px}.footer-bottom{flex-wrap:wrap;gap:14px 22px;font-size:10px}.footer-credit{margin-left:0;flex-basis:100%}.r53-player{grid-template-columns:40px minmax(0,1fr) 46px;gap:10px;padding:10px 14px}.r53-player__art{width:40px;height:40px}.r53-player__history{display:none}.r53-player__title{font-size:12px}.r53-player__artist{font-size:10px}.page-heading{padding-block:35px}.page-content{padding-top:35px}.r53-history__controls{gap:5px}.r53-history__controls .button{font-size:10px;padding:9px}.r53-history__date{font-size:11px;min-height:36px;padding:0 8px}.r53-history__day{font-size:11px;min-height:36px;padding:0 9px;flex:none}.r53-history__row{grid-template-columns:42px 42px minmax(0,1fr);gap:9px}.r53-history__art{width:42px;height:42px}.r53-history__track strong{font-size:13px}.r53-history__track em{font-size:11px}}
/* Logo-aligned controls: approved preview colour adjustment, 12 September 2026. */
:root{--r53-button-blue:#073cde;--r53-button-hover:#062fb2;--r53-link-on-dark:#a4bbff}
.button-primary,.app-nav,.r53-live-play,.r53-player__play,.phone-play{background:var(--r53-button-blue);color:#fff}
.button-primary:hover,.app-nav:hover,.r53-live-play:hover,.r53-player__play:hover{background:var(--r53-button-hover);color:#fff;filter:none}
.r53-live-play{border:2px solid rgba(255,255,255,.55)}
.site-nav a:hover,.site-nav a:focus-visible{color:var(--r53-link-on-dark)}
.menu-toggle{border-color:#5276e8}
.menu-toggle:hover,.menu-toggle[aria-expanded="true"]{background:var(--r53-button-blue);color:#fff}
.r53-volume input{accent-color:var(--r53-button-blue)}
.r53-player__station{color:var(--r53-link-on-dark)}
.r53-player__history:hover,.r53-player__history:focus-visible{border-color:var(--r53-link-on-dark);color:var(--r53-link-on-dark)}
/* Approved hero refinement: black background and logo-blue numerals. */
.broadcast{background:#000}
.broadcast-watermark{color:#82b2f5;opacity:.2;filter:blur(12px)}
/* Logo gloss and luminous navigation, approved 12 September 2026. */
:root{--r53-logo-highlight:#008cff;--r53-logo-gloss:linear-gradient(180deg,#00c6ef 0%,#0484f2 25%,#0750ee 55%,#082cdf 100%)}
.site-nav a:hover,.site-nav a:focus-visible{color:var(--r53-logo-highlight);text-shadow:0 0 12px rgba(0,140,255,.65)}
.live-dot{color:var(--r53-logo-highlight)}
.live-dot:before{background:var(--r53-logo-highlight);box-shadow:0 0 7px rgba(0,140,255,.55)}
.button-primary,.app-nav,.r53-live-play,.r53-player__play,.phone-play{background:var(--r53-logo-gloss);color:#fff;box-shadow:inset 0 2px 1px rgba(255,255,255,.45),inset 0 -3px 6px rgba(0,16,80,.24),0 4px 15px rgba(7,60,222,.16)}
.button-primary:hover,.app-nav:hover,.r53-live-play:hover,.r53-player__play:hover{background:var(--r53-logo-gloss);color:#fff;filter:brightness(1.08);box-shadow:inset 0 2px 1px rgba(255,255,255,.55),inset 0 -3px 6px rgba(0,16,80,.2),0 4px 18px rgba(0,140,255,.3)}
.menu-toggle:hover,.menu-toggle[aria-expanded="true"]{background:var(--r53-logo-gloss);color:#fff}

/* Playlist and bottom player: approved 14 September 2026. */
.playlist-page{background:#000;color:#fff;--r53-muted:#b9c7da;--r53-ink:#fff;--r53-blue:#b8d7ff}
.playlist-page .page-heading{position:relative;overflow:hidden;background:#000;padding-block:90px}
.playlist-page .page-heading .content-width{position:relative;z-index:1}
.playlist-watermark{position:absolute;right:-30px;top:-120px;font-size:560px;font-weight:900;line-height:1;letter-spacing:-45px;color:#82b2f5;opacity:.2;filter:blur(12px);pointer-events:none;user-select:none}
.playlist-page .page-heading h1{font-size:clamp(40px,6vw,80px);max-width:850px}
.playlist-page .page-content{background:transparent}
.playlist-page .r53-history__toolbar{border-bottom-color:#173353}
.playlist-page .r53-history__toolbar h2{color:#fff}
.playlist-page .r53-history__row{background:#080e17;border-color:#1b293c}
.playlist-page .r53-history__day,.playlist-page .r53-history__date{background:#080e17;color:#d4e4fb;border-color:#294563}
.playlist-page .r53-history__day:hover,.playlist-page .r53-history__day:focus-visible,.playlist-page .r53-history__day.is-active{background:var(--r53-logo-gloss);color:#fff;border-color:#008cff}
.playlist-page .r53-history__controls .button,.playlist-page .r53-history__footer .button{background:#080e17;color:#fff;border-color:#294563}
.r53-player{background:var(--r53-logo-gloss);border-top:1px solid #70dbff;box-shadow:inset 0 2px 1px #ffffff70,inset 0 -3px 6px #0010503d}
.r53-player .r53-player__station{color:#000;text-shadow:none}
.r53-player .r53-player__title,.r53-player .r53-player__artist{color:#fff;text-shadow:0 1px 2px #00164c}
.r53-player .r53-player__history,.r53-player .r53-mute{background:#03152b;color:#fff;border-color:#80bdff}
.r53-player .r53-player__history:hover,.r53-player .r53-mute:hover{background:#092c57;color:#fff}
.r53-player .r53-volume input{accent-color:#03152b}
@media(max-width:560px){.playlist-page .page-heading{padding-block:48px}.playlist-watermark{font-size:380px;top:-40px;right:-65px;letter-spacing:-32px}}
/* Current track artwork sits between the live button and track text. */
.hero-player{display:grid;grid-template-columns:112px 112px minmax(0,620px);align-items:start;justify-content:center;column-gap:46px}
.play-stack{position:relative;align-self:start;justify-self:center;display:block;flex:none;padding-top:44px}
.play-stack .listen-label{position:absolute;top:0;left:50%;transform:translateX(-50%)}
.hero-cover{align-self:start;width:112px;height:112px;flex:0 0 112px;margin-top:44px;object-fit:cover;border:1px solid rgba(255,255,255,.32);border-radius:0;background:#061321;box-shadow:0 12px 30px rgba(0,0,0,.28)}
@media(max-width:860px){.hero-player{grid-template-columns:92px 92px minmax(0,calc(100% - 240px));gap:28px}.play-stack{padding-top:32px}.hero-cover{width:92px;height:92px;flex-basis:92px;margin-top:32px}}
@media(max-width:560px){.hero-player{grid-template-columns:84px 84px minmax(0,1fr);gap:10px}.play-stack{padding-top:22px}.hero-cover{width:84px;height:84px;flex-basis:84px;margin-top:22px}.hero-track{padding-top:18px}.hero-track h1{font-size:22px;overflow-wrap:normal}}
/* Newsletter footer and header social icons, approved 16 September 2026. */
.site-header{position:relative}
.header-socials{position:absolute;top:24px;right:32px;display:flex;align-items:center;gap:9px}
.social-icon-link{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;color:#a9c8ff;text-decoration:none;border:1px solid #294a72;border-radius:50%;transition:color .2s,background .2s,border-color .2s}
.social-icon-link svg{width:15px;height:15px;fill:currentColor;stroke:currentColor;stroke-width:1.7}
.social-icon-link:hover,.social-icon-link:focus-visible{color:#fff;background:var(--r53-logo-gloss);border-color:#008cff}
.social-icon-dot{stroke:none}
.newsletter-signup{padding:78px 0 84px;background:#f1f3f7;color:var(--r53-ink);text-align:center}
.newsletter-signup .content-width{max-width:820px}
.newsletter-signup .eyebrow{color:#1260c9;margin:0 0 14px}
.newsletter-signup h2{max-width:760px;margin:0 auto 30px;font-size:clamp(28px,4vw,46px);line-height:1.18;letter-spacing:-1px}
.newsletter-form{display:flex;justify-content:center;gap:10px;max-width:540px;margin:0 auto}
.newsletter-form input{min-height:44px;min-width:0;flex:1;padding:11px 14px;border:1px solid #c4cedd;background:#fff;color:#071322}
.newsletter-form button{min-width:120px}
.site-footer .footer-top{grid-template-columns:1fr 1fr}
.site-footer .footer-bottom{display:block;text-align:center}
.footer-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:22px;font-size:11px}
.footer-nav a{text-decoration:none;color:#c3d0df}
.footer-nav a:hover,.footer-nav a:focus-visible{color:#8bb9ff}
.footer-copyright{margin:24px 0 0;color:#8193a6;font-size:10px}
@media(max-width:860px){.header-socials{top:20px;right:22px}.site-header .brand-mark{margin-top:22px}.newsletter-signup{padding:58px 0 62px}}
@media(max-width:560px){.header-socials{display:none}.site-header .brand-mark{margin-top:0}.newsletter-signup{padding:48px 0 52px}.newsletter-signup h2{font-size:29px}.newsletter-form{align-items:stretch;flex-direction:column;max-width:330px}.newsletter-form button{width:100%}.footer-nav{gap:12px 18px}.footer-copyright{margin-top:20px}}
/* Supplied mobile-app screenshot used on Home and Download app. */
.phone-image{display:block;width:min(343px,100%);height:auto;object-fit:contain}
.app-section .phone-wrap{align-items:center}
@media(max-width:560px){.phone-image{width:min(343px,100%)}}
/* Dynamic app mock-up: mirrors the supplied player-console view while keeping live metadata. */
.phone,.app-download-hero .phone{width:305px;height:618px;min-height:0;padding:0;border:8px solid #17243b;border-radius:30px;background:#05080e;box-shadow:0 12px 0 #e7edf4;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;gap:0;text-align:left}
.phone-notch{z-index:2;top:-1px;left:50%;transform:translateX(-50%);width:72px;height:15px;border-radius:0 0 10px 10px;background:#071126}
.phone-topbar{height:43px;flex:0 0 43px;display:flex;align-items:center;gap:8px;padding:0 11px;background:#050505;color:#fff}
.phone-topbar .brand-mark{width:38px;height:10px;aspect-ratio:auto;flex:0 0 38px}
.phone-topbar .brand-mark img{width:100%;height:auto;top:-100%}
.phone-topbar strong{font-size:13px;line-height:1;white-space:nowrap}
.phone-top-icons{margin-left:auto;font-size:20px;line-height:1;white-space:nowrap;letter-spacing:0;color:#fff}
.phone-cover{display:block;width:100%;height:auto;aspect-ratio:1/1;flex:0 0 auto;object-fit:cover;margin:0;border:0;border-radius:0;background:#111}
.phone-actions{height:43px;flex:0 0 43px;display:flex;align-items:center;justify-content:space-around;background:#050505;color:#fff;font-size:10px;font-weight:700}
.phone-spacer{flex:1 1 auto;min-height:0;background:#050505}
.phone-mini{height:54px;flex:0 0 54px;display:grid;grid-template-columns:42px minmax(0,1fr) 36px;align-items:center;gap:7px;padding:7px 9px;background:#111;color:#fff;border-top:1px solid #252525}
.phone-mini-cover{width:38px;height:38px;object-fit:cover;background:#eee}
.phone-mini span{min-width:0;display:grid;gap:1px}
.phone-mini strong,.phone-mini em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.15}
.phone-mini strong{font-size:11px}.phone-mini em{font-size:9px;font-style:normal;font-weight:700;color:#fff}
.phone-mini b{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#080808;font-size:14px;padding-left:2px}
.phone-nav{height:42px;flex:0 0 42px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;background:#050505;border-top:1px solid #252525;color:#fff;text-align:center}
.phone-nav span{display:grid;justify-items:center;gap:1px;font-size:16px;line-height:1}
.phone-nav small{font-size:8px;font-weight:700;line-height:1}
@media(max-width:560px){.phone,.app-download-hero .phone{width:305px;height:618px}.phone-topbar strong{font-size:12px}.phone-top-icons{font-size:18px}}
/* App mock-up icon spacing and line icons, matched to the supplied console view. */
.phone-top-icons{display:flex;align-items:center;gap:14px;margin-left:auto;font-size:0}
.phone-top-icons svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.phone-actions{justify-content:center;gap:72px}
.phone-actions span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.phone-actions svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.phone-actions b{font-size:10px}
.phone-mini{grid-template-columns:42px minmax(0,1fr) 40px;column-gap:10px;padding-inline:10px}
.phone-nav{padding-inline:12px;column-gap:12px}
.phone-nav span{gap:3px}
.phone-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.phone-nav small{font-size:9px}

/* App landing page and black bottom play button, 14 September 2026. */
.r53-player .r53-player__play,.r53-player .r53-player__play:hover,.r53-player .r53-player__play:focus-visible{background:#000;color:#fff;filter:none;box-shadow:none;border:1px solid #000}
.app-landing{background:#000;color:#fff}
.app-landing .eyebrow{color:#83b8ff}
.app-landing p:not(.eyebrow){color:#c4cede}
.app-landing h1{font-size:clamp(42px,5.6vw,76px);line-height:1.08;letter-spacing:-2px;margin:16px 0 24px}
.app-landing h2{font-size:clamp(30px,3.5vw,46px);line-height:1.15;letter-spacing:-1px;margin:12px auto 36px;max-width:740px}
.app-landing h3{font-size:22px;line-height:1.25;margin:12px 0}
.app-download-hero{position:relative;overflow:hidden;padding:85px 0;background:#000}
.app-download-grid{position:relative;display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center}
.app-download-copy>p:not(.eyebrow){max-width:590px;font-size:18px;line-height:1.75}
.app-download-copy .button{margin-top:20px}
.app-download-hero .phone{width:305px;min-height:0;justify-content:flex-start;background:#05080e;border-color:#17243b;box-shadow:0 12px 0 #e7edf4}
.app-download-hero .phone-cover{width:100%;height:auto}
.app-install,.app-features{padding-block:80px}
.app-install{text-align:center;border-top:1px solid #17283e}
.app-install-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;text-align:left}
.app-install-grid article{background:#080f19;border-top:3px solid #0750ee;padding:30px}
.app-install-grid p{margin-bottom:0}
.app-features{text-align:center;background:#05080d}
.app-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:left}
.app-feature-grid article{padding:30px;background:#080f19;border:1px solid #192b43}
.app-feature-grid .feature-number{color:#83b8ff;font-size:12px;letter-spacing:2px;font-weight:800}
@media(max-width:860px){.app-download-grid{gap:30px;grid-template-columns:1fr 1fr}.app-download-hero .phone{width:305px}.app-feature-grid{gap:10px}.app-feature-grid article{padding:20px}}
@media(max-width:600px){.app-download-hero{padding-block:45px}.app-download-grid,.app-install-grid,.app-feature-grid{grid-template-columns:1fr}.app-download-grid{gap:45px}.app-install,.app-features{padding-block:45px}.app-install-grid article,.app-feature-grid article{padding:24px}.app-landing h1{letter-spacing:-1px}.app-download-copy>p:not(.eyebrow){font-size:16px}}

/* Active top-menu item, approved 16 September 2026. */
.site-nav li.current-menu-item > a,
.site-nav li.current_page_item > a,
.site-nav li.current-menu-ancestor > a,
.site-nav li.current_page_parent > a {
  position: relative;
  color: var(--r53-logo-highlight, #008cff);
  text-shadow: 0 0 12px rgba(0, 140, 255, 0.65);
}
.site-nav li.current-menu-item > a::after,
.site-nav li.current_page_item > a::after,
.site-nav li.current-menu-ancestor > a::after,
.site-nav li.current_page_parent > a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 12px;
  left: 0;
  height: 3px;
  border-radius: 999px;
  background: var(--r53-logo-gloss, linear-gradient(180deg, #00c6ef 0%, #0484f2 25%, #0750ee 55%, #082cdf 100%));
  box-shadow: 0 0 10px rgba(0, 140, 255, 0.72);
}
@media (max-width: 860px) {
  .site-nav li.current-menu-item > a::after,
  .site-nav li.current_page_item > a::after,
  .site-nav li.current-menu-ancestor > a::after,
  .site-nav li.current_page_parent > a::after {
    right: auto;
    bottom: 4px;
    width: 44px;
  }
}
/* 053Radio menu spacing follows the wider 074Hitradio proportions. */
@media(min-width:861px){
  .site-nav{gap:52px}
  .site-nav ul{gap:64px}
  .site-nav a{font-size:13px;padding:22px 4px}
}

@media(min-width:861px){
  .hero-player{width:min(860px,100%);grid-template-columns:112px 112px minmax(0,1fr)}
}