:root{--paper:#0a1620;--ink:#f3eddb;--muted:#a6b5b3;--line:#34444c;--panel:#142630;--serif:'Arial Black','Segoe UI',Arial,sans-serif;--sans:'Segoe UI',Arial,sans-serif;--accent:#ffda43}body{background-color:#0a1620;background-image:radial-gradient(ellipse at 45% 35%,#19343a88,transparent 65%),repeating-linear-gradient(0deg,#ffffff02 0 1px,transparent 1px 4px);color:var(--ink)}.masthead{padding-top:22px;padding-bottom:20px}.wordmark{font:900 36px/1 'Arial Black',Arial,sans-serif;text-transform:uppercase;letter-spacing:-2px;color:#ffda43;text-shadow:3px 3px #000}.brand-icon{background:#e24838;color:#fff4da;border:2px solid #fff4da;box-shadow:3px 3px 0 #000;border-radius:0;letter-spacing:-2px;padding:6px 10px}.masthead-caption{color:#9fb6b9;font-size:9px;font-weight:bold;letter-spacing:2px}nav{gap:12px}nav a{border:1px solid #536068;padding:8px 15px;font:700 11px var(--mono);text-transform:uppercase;box-shadow:2px 2px 0 #000;background:#152b36}nav a.active{background:#ffda43;color:#071724;border-color:#ffda43}nav a.active:after{display:none}nav a:hover{color:#fff;background:#246774}.icon-button{color:#ffda43}.service-bar{background:#050d14;border-color:#263c48;color:#b6cbd0;padding-block:12px}.service-bar .signal-dot{background:#75ed87;box-shadow:0 0 8px #75ed87}.view{padding-top:28px}.intro{margin-bottom:25px;gap:20px}.intro h1{font:900 clamp(36px,4.8vw,69px)/1 'Arial Black',Arial,sans-serif;letter-spacing:-2px;text-transform:uppercase;color:#f8f1d9;text-shadow:4px 4px #020b10;margin-top:12px}.intro h1 em{font:inherit;color:#ffda43;text-shadow:3px 3px #07131a,5px 5px #926630}.intro .eyebrow{color:#70c9ca;letter-spacing:2px;font-size:9px;margin-bottom:8px}.intro-copy{color:#a6b8b7;max-width:230px;font:12px/1.8 var(--mono);border-left:4px solid #df5942;margin-right:0}.watch-layout{grid-template-columns:minmax(0,1fr) 295px;gap:28px}.receiver{padding:14px 17px 10px;border:2px solid #8a6545;border-bottom-width:7px;border-radius:18px;background:repeating-linear-gradient(2deg,#65462c 0 2px,#5e4028 2px 5px,#704d31 5px 7px,#61442b 7px 12px);box-shadow:0 15px 35px #0008,inset 0 1px 1px #ba9068,0 0 0 3px #03090d}.screen-top{border-radius:8px 8px 0 0;background:#171d1c;color:#d4d4bd;font-size:9px;padding:11px 13px;border:1px solid #040707;letter-spacing:1px}.screen-top .signal-dot{background:#ff6b4d;box-shadow:0 0 8px #f64}.screen{border:10px solid #121817;border-bottom-width:13px;border-radius:9% / 7%;aspect-ratio:4/3;background:#050a09;box-shadow:inset 0 0 35px #000,0 0 0 2px #070d0c;isolation:isolate}.screen.crt:after{z-index:5;border-radius:inherit;background:radial-gradient(ellipse at center,transparent 40%,#0007 100%),repeating-linear-gradient(0deg,#0000 0 2px,#0002 2px 3px),linear-gradient(125deg,#ffffff0d,transparent 35%);box-shadow:inset 0 0 35px 10px #0009}.tuning-card{background:#111}.test-pattern{opacity:1;background:url('/test-card-f.jpg') center/contain no-repeat #050505}.test-pattern:after{background:repeating-linear-gradient(0deg,transparent 0 2px,#0002 2px 3px)}.test-message{background:#04111be8;border:2px solid #ededd8;box-shadow:5px 5px #0008;max-width:78%;padding:20px 25px;margin-top:0}.test-message h2{font:900 clamp(32px,4.5vw,59px) 'Arial Black',Arial,sans-serif;color:#ffda43;text-transform:uppercase;text-shadow:3px 3px #000;letter-spacing:-2px}.test-message .eyebrow{font-size:8px;color:#66d5d3}.test-message p:not(.eyebrow){font:10px/1.6 var(--mono);color:#f4ebd9;margin-bottom:16px}.primary{background:#ffda43;color:#071724;font:700 11px var(--mono);border-radius:0;border:2px outset #ffe46b;padding:10px 15px;box-shadow:3px 3px #000}.primary:hover{background:#fff29e}.test-caption{background:#090d0c;padding:3px 8px;bottom:8px;font-size:8px;color:#d5e5c7;letter-spacing:1px}.remote{border:1px solid #111;background:linear-gradient(#d3c8af,#b9af96);border-radius:2px;box-shadow:inset 0 1px #f7efd8;color:#1c2728;padding:10px 8px;gap:7px;margin-top:9px}.remote button{background:linear-gradient(#3b4644,#202d2d);color:#f5efdb;border:1px outset #727c71;box-shadow:1px 2px 1px #0006;font-weight:bold;font-size:10px;border-radius:3px;padding:8px}.remote button:hover{background:#4e6258;color:#f8df4b}.remote #return-live{color:#f5dc67}.remote-divider{border-color:#8c826a}.receiver-label{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:13px 4px 2px;color:#eadbbd}.receiver-label>span:first-child{font:8px var(--mono);color:#b8e49c}.receiver-label strong{font:700 italic 13px Arial,sans-serif;letter-spacing:1px;white-space:nowrap;text-shadow:1px 1px #000}.receiver-label small{background:#d9c79e;color:#473c2e;padding:1px 4px;font-size:9px}.speaker-grille{height:16px;flex:1;max-width:180px;background:repeating-linear-gradient(0deg,#281c14 0 2px,#94714c 2px 3px);border-radius:8px;opacity:.7}.panel-heading{background:#e5ddc5;color:#172428;padding:12px;border:0;box-shadow:3px 3px #000}.panel-heading h2{font:900 17px 'Arial Black',Arial,sans-serif;text-transform:uppercase;letter-spacing:-.5px}.panel-heading>span{font-weight:bold;color:#354d4e;font-size:9px}.channel{padding:19px 10px;background:#0e202b;border:1px solid #344952;border-top:0;gap:12px;box-shadow:3px 3px #0005}.channel.selected{background:#203943}.channel.selected:before{width:4px;background:#ffda43}.channel-number{font:700 29px/1 var(--mono);color:#ffda43;text-shadow:0 0 12px #ffd94322;min-width:39px}.channel-name{font:700 13px/1.35 var(--mono);text-transform:uppercase;color:#edf0dd}.channel-title{font:10px/1.5 var(--mono);max-width:202px;color:#a4b8b6;margin-top:7px}.channel-tag{color:#7fc3c3;letter-spacing:1px;font-size:7px;margin-top:8px}.channel.selected .channel-tag:before{content:'● TUNED / ';color:#8ce29b}.channel:hover{background:#26414c}.panel-note{border:1px solid #344952;border-top:0;font:11px/1.8 var(--mono);padding:16px 12px;background:#0a1820}.teletext-mark{color:#71c6c4}.programme-info{padding-top:24px}.programme-info .eyebrow{color:#ffda43}.programme-info h2{font:700 25px/1.25 var(--mono);letter-spacing:-1px;color:#f2efdb}.programme-info p:last-child{color:#91a6a5}.programme-info a{color:#77c6c7}.progress-track{height:5px;background:#213d46}.progress-track span{background:#ffda43;box-shadow:0 0 8px #ffda4355}.next-line{color:#9fb8b6}.playback-status{font-size:10px;color:#81c398}.below-heading{border-top:2px solid #40545a;padding-top:25px;margin-top:25px}.below-heading h2{font:700 19px var(--mono);text-transform:uppercase;color:#e9e8ce}.below-heading a{font:10px var(--mono);color:#6cc8cc}.upcoming{background:#122732;border-left:4px solid #558c91;padding:18px;box-shadow:3px 3px #0004}.upcoming time{color:#ffda43;font-weight:bold;font-size:12px}.upcoming h3{font:700 15px/1.5 var(--mono);color:#e1e9d9}.upcoming p{font-size:9px;color:#90b3b2}.coming-up{gap:16px}.station-strip{background:#05101a;border:1px solid #314650;border-top:5px solid transparent;border-image:linear-gradient(90deg,#dddcc5 0 14.28%,#f0d538 14.28% 28.56%,#51c9ce 28.56% 42.84%,#57ab6a 42.84% 57.12%,#b66ba4 57.12% 71.4%,#dd5547 71.4% 85.68%,#4669c4 85.68%) 1;box-shadow:4px 4px #0005}.strip-monogram{font:900 36px 'Arial Black',Arial,sans-serif;color:#ffda43}.station-strip strong{color:#e5ebd6}.station-strip p{color:#92b4b5}.strip-label{color:#74aaa9}.teletext{box-shadow:0 0 0 3px #7d6952,0 20px 60px #000;border-color:#2b302c;border-radius:14px;font-weight:bold;text-shadow:0 0 5px #ffffff30}.teletext h2{font-family:var(--mono);text-shadow:3px 0 #ffed32}.about-grid article p{color:#acc1b9}.about-grid article h2{font:700 24px var(--mono);color:#ffda43}.about-box{border:1px solid #46616a;border-top:5px solid #ffda43;box-shadow:5px 5px #0005}.about-box h2{font:900 36px 'Arial Black',Arial,sans-serif;text-transform:uppercase;color:#ffda43}.about-box p{color:#a2bcba}.about-box button{background:#ffda43;color:#081b25;border:0;font-weight:bold}.text-link{color:#65c8c7}dialog{background:#10232d;color:#e9edda;border:3px solid #69847d;box-shadow:8px 8px #0008}dialog h2{font:900 29px 'Arial Black',Arial,sans-serif;text-transform:uppercase;color:#ffda43}dialog select,dialog input{color:#f2ecd4;background:#142e39}dialog option{color:#f2ecd4;background:#142e39}dialog label{color:#94d1cc}dialog button:not(.dialog-close){background:#1b3942}footer{background:#07111b;border-color:#2f454d}.footer-brand{font:900 22px 'Arial Black',Arial,sans-serif;color:#ffda43}.footer-brand span{color:#e5ebd6}footer>span{color:#719491}.eyebrow{color:#79b4b6}
@media(min-width:1450px){.screen{aspect-ratio:4/3}.intro{margin-bottom:28px}.view{padding-top:32px}}
@media(max-width:1000px){.watch-layout{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.wordmark{font-size:30px}.channel-title{max-width:165px}.intro h1{font-size:48px}.intro-copy{max-width:180px;font-size:10px}nav a{padding:8px 10px;font-size:10px}.receiver{padding:10px 12px}.receiver-label>span:first-child{font-size:7px}.speaker-grille{max-width:70px}.remote button{font-size:8px;padding:8px 5px}.programme-info h2{font-size:21px}}
@media(max-width:760px){.masthead{gap:18px}.wordmark{font-size:33px}nav{gap:8px}nav a{padding:8px 9px;font-size:10px}.intro h1{font-size:clamp(32px,7.5vw,52px);letter-spacing:-1.5px}.intro .eyebrow{font-size:7px}.watch-layout{grid-template-columns:1fr;gap:25px}.receiver{padding:10px 10px 8px;border-radius:13px}.screen{border-width:7px}.receiver-label{gap:15px;padding-top:12px}.speaker-grille{max-width:95px}.screen-top{font-size:7px;padding:9px}.test-message{padding:15px 18px}.test-message h2{font-size:36px}.test-message .eyebrow{font-size:6px}.test-message p:not(.eyebrow){font-size:8px;margin-bottom:12px}.test-message .primary{font-size:9px;padding:8px 10px}.remote button{font-size:9px;padding:8px}.channel-panel #channels{grid-template-columns:1fr 1fr}.channel-number{font-size:23px;min-width:30px}.channel-name{font-size:10px}.channel-title{max-width:122px;font-size:9px}.channel-tag{font-size:6px;letter-spacing:.3px}.channel{gap:8px;padding:16px 10px}.panel-heading h2{font-size:16px}.coming-up{gap:10px}.upcoming{padding:10px}.upcoming h3{font-size:11px}.upcoming time{font-size:10px}.upcoming p{font-size:7px}.below-heading h2{font-size:15px}.below-heading a{font-size:9px}.station-strip{padding:20px}.receiver-label strong{font-size:11px}.programme-info h2{font-size:20px}.programme-info a{font-size:8px}}