/* The Pocket Receiver. Scoped so publisher typography cannot restyle controls. */
.tnr{--tnr-cream:#f5eedf;--tnr-muted:#aeb9c6;--tnr-coral:#ee806e;background:linear-gradient(115deg,#152537,#0d1826 70%);color:var(--tnr-cream);border-block:1px solid #ffffff16;scroll-margin-top:12px}.tnr *{box-sizing:border-box}.tnr .tnr-inner{position:relative;max-width:1220px;margin:auto;padding:22px 30px;display:grid;grid-template-columns:225px 66px minmax(180px,1fr) 136px 65px;align-items:center;gap:0 22px}.tnr .tnr-brand{min-width:0}.tnr .tnr-kicker,.tnr .tnr-small-label,.tnr label{font:600 9px/1.5 system-ui,sans-serif;letter-spacing:1.7px;text-transform:uppercase;color:var(--tnr-muted)}.tnr .tnr-kicker{color:var(--tnr-coral);letter-spacing:1.6px}.tnr h2{font:700 29px/1.2 Georgia,serif;letter-spacing:-1px;color:var(--tnr-cream);margin:4px 0 0;white-space:nowrap}.tnr h2 i{font-weight:400}.tnr .tnr-brand-dot{font:8px system-ui;color:var(--tnr-coral);vertical-align:middle;display:inline-block;margin-left:8px}.tnr .tnr-transport{width:66px;height:66px;position:relative;display:grid;place-items:center}.tnr .tnr-record{position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle,#111c28 0 3px,#32414e 3.5px,#111c28 4.5px);box-shadow:0 4px 12px #0009,0 0 0 1px #52606c55}.tnr .tnr-record:after{content:"";position:absolute;inset:8px;border-radius:50%;border:1px solid #72838b55}.tnr button{font:600 12px/1.3 system-ui,sans-serif;color:var(--tnr-cream);background:none;border:0;cursor:pointer;padding:8px}.tnr .tnr-transport button{position:relative;width:38px;height:38px;border-radius:50%;background:var(--tnr-coral);color:#102032;font-size:0;box-shadow:0 0 0 3px #0b1728}.tnr #tnr-play:before{content:'▶';font-size:15px;margin-left:2px}.tnr #tnr-stop:before{content:'■';font-size:14px}.tnr #tnr-stop{display:none}.tnr:has(#tnr-stop:not(:disabled)) #tnr-play{display:none}.tnr:has(#tnr-stop:not(:disabled)) #tnr-stop{display:block}.tnr .tnr-record{animation:tnr-spin 1.8s linear infinite;animation-play-state:paused}.tnr[data-playing=true] .tnr-record{animation-play-state:running}.tnr .tnr-tuner{min-width:0;padding:9px 15px 10px;border-radius:5px;background:#070f1999;box-shadow:inset 0 1px 4px #0007;border:1px solid #ffffff0d}.tnr .tnr-tuner label{display:flex;gap:6px;align-items:center;font-size:8px;letter-spacing:1.4px}.tnr .tnr-onair{width:5px;height:5px;border-radius:50%;background:#708092}.tnr[data-playing=true] .tnr-onair{background:#a6cfa0;box-shadow:0 0 7px #a6cfa080}.tnr select{font:500 15px/1.4 system-ui,sans-serif;color:var(--tnr-cream);background:transparent;border:0;border-radius:0;display:block;width:100%;max-width:100%;padding:3px 18px 3px 0;height:auto;min-height:28px;cursor:pointer}.tnr select option,.tnr select optgroup{background:#132334;color:var(--tnr-cream)}.tnr #tnr-status{font:10px/1.35 system-ui,sans-serif;color:var(--tnr-muted);margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tnr .tnr-controls{min-width:0}.tnr #tnr-popout{display:flex;align-items:center;gap:8px;position:relative;font-size:0;padding:6px 0;min-height:40px;width:136px;text-align:left}.tnr #tnr-popout:before{content:'Window';font:500 11px system-ui;color:#d6dee6}.tnr #tnr-popout:after{content:'';display:block;flex-shrink:0;width:30px;height:17px;border-radius:20px;border:1px solid #81909f;background:radial-gradient(circle at 8px 50%,#c4cdd6 0 5px,transparent 5.5px)}.tnr #tnr-popout[aria-checked=true]:after{border-color:var(--tnr-coral);background:radial-gradient(circle at 21px 50%,var(--tnr-coral) 0 5px,transparent 5.5px)}.tnr #tnr-popout:hover:before{color:var(--tnr-cream)}.tnr .tnr-drawer{grid-column:1/-1;font:12px/1.5 system-ui}.tnr .tnr-drawer>summary{position:absolute;top:39px;right:30px;display:flex;align-items:center;gap:6px;cursor:pointer;color:#d6dee6;font:500 11px system-ui;min-height:32px;list-style:none}.tnr .tnr-drawer>summary::-webkit-details-marker{display:none}.tnr .tnr-drawer[open]>summary{color:var(--tnr-coral)}.tnr .tnr-drawer-content{display:grid;grid-template-columns:1fr 1fr 180px;gap:18px 30px;border-top:1px solid #71859b35;padding-top:20px;margin-top:21px}.tnr .tnr-genres{display:flex;gap:7px;margin-top:7px;flex-wrap:wrap}.tnr .tnr-genres button{border:1px solid #7e92a24d;border-radius:20px;padding:6px 12px;font-size:11px;min-height:32px}.tnr .tnr-genres button[aria-pressed=true]{background:var(--tnr-cream);color:#0c1b2a;border-color:var(--tnr-cream)}.tnr .tnr-country-wheel{display:flex;align-items:center;gap:10px}.tnr .tnr-country-wheel>div{flex:1;min-width:0}.tnr .tnr-country-wheel>button{border:1px solid #71859b70;border-radius:50%;width:32px;height:32px;padding:0;font-size:22px;flex-shrink:0}.tnr .tnr-country-wheel select{font-size:12px}.tnr .tnr-volume>div{display:flex;align-items:center;gap:5px;margin-top:6px}.tnr .tnr-volume input{accent-color:var(--tnr-coral);width:100%;min-width:40px;height:4px;cursor:pointer}.tnr #tnr-mute{font-size:10px;min-height:32px}.tnr #tnr-wheel-help{font-size:10px;color:var(--tnr-muted);grid-column:1/3}.tnr .tnr-info{font-size:10px;color:var(--tnr-muted);grid-column:3;text-align:right}.tnr .tnr-info summary{cursor:pointer}.tnr .tnr-info p{font:11px/1.65 system-ui;margin:8px 0 0;text-align:left}.tnr .tnr-info a{color:var(--tnr-cream);text-decoration:underline}.tnr :is(button,select,input,summary,a):focus-visible{outline:2px solid #a6cfa0;outline-offset:4px}.tnr audio{display:none}.tnr button:disabled{cursor:default;opacity:.55}@keyframes tnr-spin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.tnr .tnr-inner{grid-template-columns:175px 56px minmax(160px,1fr) 86px 58px;gap:0 16px;padding:20px}.tnr h2{font-size:25px}.tnr .tnr-kicker{font-size:8px;letter-spacing:1px}.tnr .tnr-transport{width:56px;height:56px}.tnr #tnr-popout{width:86px;gap:6px}.tnr .tnr-drawer>summary{right:20px;top:38px}.tnr .tnr-drawer-content{grid-template-columns:1fr 1fr}.tnr .tnr-volume{grid-column:1}.tnr #tnr-wheel-help{grid-column:2;grid-row:2}.tnr .tnr-info{grid-column:1/-1;text-align:left}}
@media(max-width:700px){.tnr .tnr-inner{grid-template-columns:50px minmax(0,1fr) 84px;padding:13px 18px 16px;gap:13px 12px}.tnr .tnr-brand{grid-column:1/3;grid-row:1}.tnr .tnr-kicker{display:none}.tnr h2{font-size:22px;margin:0}.tnr .tnr-brand-dot{font-size:6px}.tnr .tnr-controls{grid-column:3;grid-row:1}.tnr #tnr-popout{min-height:28px}.tnr #tnr-popout:before{font-size:10px}.tnr .tnr-transport{grid-column:1;grid-row:2;width:48px;height:48px}.tnr .tnr-transport button{width:29px;height:29px}.tnr #tnr-play:before{font-size:12px}.tnr #tnr-stop:before{font-size:11px}.tnr .tnr-tuner{grid-column:2/4;grid-row:2;padding:7px 10px}.tnr select{font-size:13px;min-height:26px}.tnr .tnr-tuner label{font-size:7px}.tnr #tnr-status{font-size:9px;padding-right:38px}.tnr .tnr-drawer>summary{top:auto;bottom:21px;right:29px;font-size:9px;min-height:22px;gap:4px}.tnr .tnr-drawer>summary svg{width:12px;height:12px}.tnr .tnr-drawer{grid-row:3;margin-top:-13px}.tnr .tnr-drawer[open]{margin-top:0}.tnr .tnr-drawer[open]>summary{top:107px;bottom:auto}.tnr .tnr-drawer-content{grid-template-columns:1fr;gap:17px;margin-top:0;padding-top:16px}.tnr .tnr-country-wheel,.tnr .tnr-volume,.tnr #tnr-wheel-help,.tnr .tnr-info{grid-column:1;grid-row:auto}.tnr .tnr-genres{gap:8px}.tnr .tnr-genres button{min-height:36px}.tnr #tnr-wheel-help{display:none}.tnr .tnr-volume>div{max-width:240px}.tnr .tnr-info{text-align:left}}
@media(prefers-reduced-motion:reduce){.tnr .tnr-record{animation:none}}
/* Give the small visible record label a generous invisible hit area. */
.tnr .tnr-transport button{width:50px;height:50px;background:radial-gradient(circle,var(--tnr-coral) 0 19px,transparent 19.5px);box-shadow:none}.tnr #tnr-popout:before{content:'Pop-out'}
@media(max-width:700px){.tnr .tnr-transport button{width:48px;height:48px;background:radial-gradient(circle,var(--tnr-coral) 0 15px,transparent 15.5px)}.tnr .tnr-drawer>summary{min-height:28px;bottom:18px}.tnr .tnr-drawer[open]>summary{top:104px}}

/* Independent UX acceptance fixes: readable messages and real touch targets. */
.tnr #tnr-status{font-size:11px;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.tnr .tnr-country-wheel>button{width:44px;height:44px}.tnr #tnr-popout{min-height:44px}.tnr .tnr-drawer>summary:after{content:"";position:absolute;inset:-7px 0;min-height:44px}.tnr .tnr-drawer>summary{isolation:isolate}.tnr .tnr-drawer>summary svg{pointer-events:none}
@media(max-width:700px){.tnr .tnr-inner{padding:9px 18px 16px;gap:8px 12px}.tnr .tnr-tuner{padding-bottom:8px}.tnr #tnr-status{font-size:11px;padding-right:0;line-height:1.45}.tnr .tnr-drawer>summary{position:relative;top:auto!important;right:auto;bottom:auto;margin-left:auto;width:max-content;min-height:44px;font-size:11px}.tnr .tnr-drawer>summary:after{display:none}.tnr .tnr-drawer{margin-top:-8px}.tnr .tnr-drawer[open]{margin-top:-8px}.tnr .tnr-drawer-content{margin-top:5px}.tnr select{font-size:14px}.tnr .tnr-genres button{min-height:40px}}
/* Keep the accessible Tune control in the top rail, not a third mobile block. */
@media(max-width:700px){.tnr .tnr-inner{grid-template-columns:48px minmax(0,1fr) 76px 42px;gap:8px 10px}.tnr .tnr-brand{grid-column:1/3}.tnr .tnr-controls{grid-column:3}.tnr #tnr-popout{width:76px;gap:4px}.tnr .tnr-tuner{grid-column:2/5}.tnr .tnr-drawer>summary,.tnr .tnr-drawer[open]>summary{position:absolute;top:9px!important;right:18px;bottom:auto;width:42px;min-height:44px;margin:0;justify-content:center}.tnr .tnr-drawer>summary svg{display:none}.tnr .tnr-drawer{margin-top:0;grid-column:1/-1;grid-row:3}.tnr .tnr-drawer[open]{margin-top:0}.tnr h2{font-size:20px}}
@media(max-width:360px){.tnr h2{font-size:18px}.tnr .tnr-inner{column-gap:7px}}

.tnr #tnr-popout:before{white-space:nowrap}
/* Tock's miniature turntable: original crossing-box face, vinyl and live needle. */
.tnr .tnr-record{display:grid;place-items:center}.tnr .tnr-tock-face{display:block;width:36px;height:36px;position:relative;z-index:1;filter:drop-shadow(0 1px 1px #0008)}
.tnr .tnr-transport button{position:absolute;inset:0;width:100%;height:100%;background:none;border-radius:50%;z-index:4;box-shadow:none}
.tnr #tnr-play:before,.tnr #tnr-stop:before{position:absolute;left:-2px;bottom:-2px;display:grid;place-items:center;margin:0;width:23px;height:23px;border-radius:50%;background:var(--tnr-coral);border:2px solid #101c2c;box-shadow:0 2px 4px #0007;font-size:10px;line-height:1;color:#102032}
.tnr #tnr-play:before{padding-left:1px}.tnr #tnr-stop:before{font-size:9px}
.tnr .tnr-tonearm{position:absolute;z-index:3;top:0;right:-1px;width:4px;height:35px;border-radius:3px;background:linear-gradient(90deg,#c1bdad,#fff4db 55%,#b8b6ac);transform:rotate(-17deg);transform-origin:50% 3px;transition:transform .7s cubic-bezier(.25,.8,.25,1);pointer-events:none;box-shadow:1px 2px 3px #0009}
.tnr .tnr-tonearm:before{content:"";position:absolute;width:10px;height:10px;left:-3px;top:-2px;border-radius:50%;background:radial-gradient(circle,#e9dfca 0 2px,#65717b 2.5px 4px,#162434 4.5px);box-shadow:0 1px 2px #000b}
.tnr .tnr-cartridge{position:absolute;left:-2px;bottom:-5px;width:8px;height:12px;border-radius:2px;background:#c8cfbf;border:1px solid #182331;box-shadow:0 2px 2px #0008}
.tnr .tnr-cartridge:after{content:"";position:absolute;bottom:-3px;left:2px;width:2px;height:4px;background:var(--tnr-coral)}
.tnr[data-playing=true] .tnr-tonearm{transform:rotate(10deg)}
@media(max-width:1000px){.tnr .tnr-tock-face{width:32px;height:32px}.tnr .tnr-tonearm{height:29px}}
@media(max-width:700px){.tnr .tnr-tock-face{width:28px;height:28px}.tnr .tnr-tonearm{height:25px;width:3px;right:0}.tnr .tnr-tonearm:before{width:8px;height:8px;left:-2.5px;top:-1px}.tnr .tnr-cartridge{width:7px;height:10px}.tnr #tnr-play:before,.tnr #tnr-stop:before{width:21px;height:21px;left:-2px;bottom:-3px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.tnr .tnr-tonearm{transition:none}}