:root{color-scheme:dark;--bg:#151a22;--panel:#1e2632;--line:#3b4758;--text:#f6f8fc;--muted:#c0cad8;--accent:#c4f568}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:18px/1.55 Arial,system-ui,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;padding:11px 17px;background:#293544;color:var(--text);font-weight:600;min-height:46px}button:hover{border-color:var(--accent);background:#344336}button:disabled{opacity:.5;cursor:default}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}input,select{border:1px solid #58677b;background:#111720;color:var(--text);border-radius:9px;padding:11px 14px;min-width:0;min-height:46px}.header{background:#070a0f;border-bottom:1px solid #465467;box-shadow:0 6px 24px #0007;display:flex;align-items:center;gap:36px;padding:22px 4vw}.brand{font-size:32px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brand span,.screen-mark span{color:var(--accent)}.brand small{display:inline-block;margin-left:16px;padding-left:16px;border-left:1px solid var(--line);color:var(--muted);font-size:14px;letter-spacing:1px;vertical-align:middle}.header nav{display:flex;gap:12px;align-items:center}.header nav a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 22px;background:#202a37;border:1px solid #526177;border-radius:9px;font-size:18px;font-weight:700}.header nav a.active{background:var(--accent);border-color:var(--accent);color:#18230e}.account{margin-left:auto}.demo{font-size:16px;color:var(--accent);border:1px solid #536c38;border-radius:30px;padding:8px 14px;white-space:nowrap}main{max-width:1720px;margin:auto;padding:30px 4vw}h1{font-size:40px;line-height:1.2;margin:12px 0}h2{font-size:26px;line-height:1.3;margin:8px 0}p{margin:8px 0;color:var(--muted)}.eyebrow{font-size:16px;font-weight:700;letter-spacing:1px;color:var(--accent)}.demo-note{background:#253022;border:1px solid #4a5b3d;color:#d2dfc7;font-size:16px;border-radius:9px;padding:12px 16px;margin-bottom:24px}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:28px;align-items:start}.viewing{min-width:0}.screen{aspect-ratio:16/9;position:relative;background:radial-gradient(ellipse at 65% 20%,#283831 0,transparent 60%),linear-gradient(135deg,#1d252f,#0a0d12);border:1px solid var(--line);border-radius:14px;overflow:hidden}.screen video{width:100%;height:100%;background:#000}.screen video:not([src]){visibility:hidden}.screen.playing video{visibility:visible}#placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.screen-mark{font-size:clamp(38px,6vw,80px);font-weight:800;letter-spacing:-3px;line-height:1.2}.screen p{margin:18px 0 24px;font-size:18px}.primary{background:var(--accent);border-color:var(--accent);color:#17210e;font-weight:750}.primary:hover{background:#d4ff85}.player-info{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.player-info .subtle-link{margin-left:auto;font-size:17px;text-decoration:underline;text-underline-offset:5px}.player-info h2{font-size:28px}.player-info p{font-size:18px}#status{font-size:17px}#status:empty{display:none}.channels{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-heading h2{margin:0}.section-heading>span{color:var(--muted);font-size:18px}.search input{width:100%;font-size:18px}.filters{display:flex;gap:10px;margin:18px 0}.filters button{font-size:17px;padding:8px 14px}.filters .selected{background:#35452b;color:var(--accent);border-color:#708957}.channel-list{max-height:740px;overflow:auto;scrollbar-width:thin;scrollbar-color:#728198 transparent}.channel{display:flex;align-items:center;border-top:1px solid var(--line);padding:17px 0;gap:8px}.channel.chosen{background:#c4f50908}.choose{display:flex;gap:12px;align-items:center;border:0;background:transparent;padding:0;text-align:left;flex:1;min-width:0;font-weight:400}.channel-logo{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #647287;border-radius:10px;font-size:16px;font-weight:800;background:#303d50;flex-shrink:0}.channel-copy{display:flex;flex-direction:column;min-width:0;flex:1}.channel-copy strong{font-size:19px}.channel-copy>span{font-size:17px;color:var(--muted);line-height:1.4;overflow-wrap:anywhere}.channel-copy small{font-size:16px;color:var(--muted)}progress{appearance:none;width:100%;height:4px;border:0;margin:10px 0 6px;background:#405064}progress::-webkit-progress-bar{background:#405064}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}.favorite{padding:5px;border:0;background:transparent;font-size:26px;color:var(--muted);min-width:44px}.favorite[aria-pressed=true]{color:var(--accent)}.guide{margin-top:26px;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:22px;min-width:0}.guide-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}.guide-header h2{margin:0}.guide-header form{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:17px}.guide>.muted{font-size:16px;margin-top:16px}.guide-select{display:flex;align-items:center;gap:14px;margin:20px 0;font-size:18px}.guide-select select{min-width:200px;max-width:100%}.timeline-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0;font-size:16px;color:var(--muted)}.timeline-controls>div{display:flex;gap:10px}.timeline-controls button{font-size:23px;min-width:48px;padding:4px 14px}.schedule{display:flex;align-items:stretch;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-color:#91a3bb #101720;scrollbar-width:auto;padding:4px 3px 18px}.programme{display:flex;flex:0 0 290px;flex-direction:column;align-items:stretch;gap:16px;padding:20px;background:#131b26;border:1px solid #4c5c72;border-radius:12px;scroll-snap-align:start;min-height:245px}.programme.on-air{background:#293726;border-color:var(--accent);box-shadow:inset 0 3px var(--accent)}.programme-time{font-size:24px;font-weight:700;line-height:1.3;color:var(--accent);font-variant-numeric:tabular-nums}.programme-time small{display:inline;font-size:20px;color:var(--muted);font-weight:500}.programme-time small:before{content:' – '}.programme-copy{flex:1;min-width:0}.programme h3{font-size:20px;line-height:1.45;margin:0;overflow-wrap:anywhere}.programme details{font-size:17px;color:var(--muted);margin-top:12px}summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.programme details p{font-size:17px}.live-badge{display:block;color:var(--accent);font-size:16px;font-weight:700;margin-bottom:6px}.archive{font-size:18px;white-space:normal;text-align:center}.programme-state{font-size:17px}.muted{color:var(--muted)}footer{border-top:1px solid var(--line);margin-top:32px;padding-top:24px;display:flex;align-items:center;flex-wrap:wrap;gap:24px}footer p,footer a{font-size:17px}footer a{margin-left:auto}.notice{padding:16px;background:#49282c;color:#ffd5d5;margin:20px 4vw;border-radius:8px}.login{max-width:620px;margin:8vh auto}.login form{display:grid;gap:12px;margin-top:30px;max-width:380px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1150px){.brand small{display:none}.header{gap:24px}.watch-layout{grid-template-columns:minmax(0,1fr) 320px;gap:20px}.channels{padding:16px}.channel-logo{display:none}}@media(max-width:850px){.header{flex-wrap:wrap;gap:16px;padding:18px 5vw}.header nav{order:3;flex-basis:100%;gap:12px}.header nav a{flex:1;padding:11px 14px;font-size:18px}.brand{font-size:30px}.demo{font-size:15px}.watch-layout{grid-template-columns:1fr}.channels{padding:20px}.channel-logo{display:flex}.channel-list{max-height:420px}main{padding:22px 5vw}.screen-mark{font-size:clamp(32px,8vw,60px)}.screen p{font-size:17px;margin:12px 0 18px}.screen .primary{font-size:17px}.player-info h2{font-size:26px}.player-info .subtle-link{margin-left:0}.guide{padding:18px}.guide-header form{width:100%}.guide-header input{flex:1}.guide-select{flex-wrap:wrap}.guide-select select{flex:1;min-width:0}.programme{flex-basis:270px}.guide-header h2{font-size:25px}.timeline-controls{font-size:16px}footer p{display:none}}@media(max-width:400px){.screen p{display:none}.screen .primary{margin-top:18px}.demo{font-size:14px;padding:7px 10px}.programme{flex-basis:250px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.schedule{scroll-snap-type:none}}
@media(max-width:850px){.guide-header form label{flex-basis:100%}.guide-header input[type=date]{min-width:185px;width:100%;flex:1 1 185px}.guide-header form button{flex:1 1 100px}}
/* TV layout inspired by the supplied x.optinet reference. */
:root{--bg:#090e1b;--panel:#111c30;--line:#33445f;--text:#edf4ff;--muted:#b9c8dd;--accent:#39b5f5}body{background:radial-gradient(ellipse at 35% 22%,#08659466 0,transparent 46%),radial-gradient(ellipse at 95% 30%,#34236655 0,transparent 55%),#090e1b;background-attachment:fixed}.header{background:#070c17ed;border-color:#25324a;box-shadow:0 6px 25px #0004;padding:18px max(4vw,calc((100vw - 1600px)/2));gap:32px}.brand{font-size:29px}.header nav a{background:#121d2e;border-color:#2d3e57;border-radius:24px;font-size:18px;padding:9px 22px}.header nav a.active{color:#f5f9ff;background:#23344e;border-color:#415978}.brand small{display:none}.demo{color:#bed9ef;border-color:#3b5872}.demo-note{font-size:16px;background:#102538bd;border-color:#31546c;color:#c5dfef}main{max-width:1600px;padding-top:32px}.watch-layout{grid-template-columns:minmax(0,1fr) 340px;gap:38px}.screen{border:9px solid #060b12;border-radius:20px;background:radial-gradient(ellipse at 40% 30%,#154960 0,transparent 75%),linear-gradient(125deg,#0d1c2d,#16192f);box-shadow:0 18px 50px #0006,0 0 70px #0b98d41c;isolation:isolate}.screen-mark{font-size:clamp(34px,5vw,72px);letter-spacing:-2px}.screen-badge{position:absolute;z-index:1;left:20px;top:20px;display:flex;gap:12px;align-items:center;font-size:17px;font-weight:700;pointer-events:none}.screen-badge>span:first-child{background:#101927d9;padding:5px 10px;border-radius:5px}.screen-ready{font-size:13px;letter-spacing:1px;color:#bed8e8}.screen.playing .screen-badge{display:none}.primary{color:#061525;background:#39b5f5;border-color:#39b5f5}.primary:hover{background:#73d0ff}.player-info{align-self:start;display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:0;padding:35px 0 0;border:0;min-width:0}.player-info .eyebrow{font-size:18px;letter-spacing:1px}.live-label{font-size:15px;font-weight:750;letter-spacing:1px;color:#ff6f8e;margin-top:8px}.player-info h1{font-size:clamp(30px,3vw,44px);font-weight:800;line-height:1.12;letter-spacing:-1px;margin:18px 0 12px;overflow-wrap:anywhere}.player-info>p{font-size:18px;line-height:1.5}.airtime{margin:24px 0 20px}.airtime progress{height:5px}.airtime>div{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:16px;font-variant-numeric:tabular-nums}.watch-actions{display:flex;flex-wrap:wrap;gap:10px}.watch-actions button{font-size:18px;padding:12px 18px}.channel-switch{display:flex;gap:10px;margin:20px 0}.channel-switch button{border-radius:50%;width:50px;height:50px;background:#14243c70;font-size:24px;padding:0}.up-next{padding:20px 0;border-top:1px solid var(--line)}.up-next>span{font-size:17px;color:var(--muted)}.up-next h2{font-size:20px;line-height:1.4;margin:8px 0}.browse-link{border:1px solid #39749b;border-radius:24px;padding:8px 15px;text-align:center;font-size:17px;align-self:start}.guide{background:#0b1423b8;border-color:#2f4159;margin-top:28px;padding:22px}.programme{background:#101c2e;border-color:#344b68}.programme.on-air{background:#14324b;border-color:var(--accent);box-shadow:inset 0 3px var(--accent)}.channels{margin-top:28px;background:#0a1322d9;border-color:#2d405d;padding:22px}.channels .section-heading{display:inline-flex;gap:14px;margin-right:25px}.channels .search{display:inline-block;max-width:340px}.channels .filters{display:inline-flex;margin:0 0 18px 20px}.filters .selected{background:#183d58;color:#8bd8ff;border-color:#3f7ba1}.channel-list{display:flex;gap:14px;overflow-x:auto;max-height:none;padding-bottom:16px;scroll-snap-type:x proximity;scrollbar-color:#4f85a5 #101a2a}.channel{flex:0 0 295px;align-items:flex-start;border:1px solid #334760;border-radius:10px;padding:16px;scroll-snap-align:start;background:#111e31}.channel.chosen{background:#16354d;border-color:#3eb8f5;box-shadow:inset 0 3px #39b5f5}.channel-logo{background:#213852;border-color:#4a6b8b;font-size:15px}.channel-copy strong{font-size:19px}.channel-copy>span{font-size:17px}.favorite{min-width:32px}.channel .choose:hover{background:transparent}.channel-copy small{font-size:16px}.screen .primary{font-size:18px}.guide-header form{font-size:17px}.guide-header h2{font-size:25px}.programme-time{color:#78d0ff}.programme details{font-size:17px}.live-badge{color:#62ccff}.login{background:transparent}@media(max-width:1150px){.watch-layout{grid-template-columns:minmax(0,1fr) 300px;gap:24px}.player-info{padding-top:14px}.player-info h1{font-size:32px}.channel-logo{display:flex}.header{gap:24px}}@media(max-width:850px){.watch-layout{display:flex;flex-direction:column;gap:20px}.viewing{display:contents}.screen{order:0;width:100%;border-width:6px;border-radius:14px}.player-info{order:1;padding:0;width:100%}.guide{order:2;width:100%;margin-top:0}.player-info h1{font-size:32px;max-width:650px}.player-info .eyebrow{font-size:18px}.airtime{margin:18px 0}.up-next{padding:16px 0}.channel-switch{margin:16px 0}.header{padding:16px 5vw}.header nav a{font-size:18px}.channels .section-heading{display:flex;justify-content:space-between;margin-right:0}.channels .search{display:block;max-width:none}.channels .filters{display:flex;margin:16px 0}.screen-mark{font-size:clamp(32px,8vw,60px)}.screen-badge{left:10px;top:10px;font-size:14px;gap:6px}.screen-ready{font-size:11px}.screen p{font-size:17px}.programme{flex-basis:270px}}@media(max-width:480px){main{padding-left:4vw;padding-right:4vw}.screen-badge{display:none}.screen .primary{font-size:17px}.player-info h1{font-size:30px}.channels,.guide{padding:16px}.channel{flex-basis:285px}}
button:hover{background:#253e57;border-color:var(--accent)}.primary:hover{background:#73d0ff}.player-info>#programme-description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.browse-link:hover{background:#18334b}.channel-logo{color:#edf4ff}
/* Compact live page: archive navigation replaces the embedded programme. */
.player-info{padding:10px 0 0}.player-info h1{margin:14px 0 10px;font-size:clamp(30px,2.8vw,40px)}.player-info>#programme-description{font-size:17px;-webkit-line-clamp:2}.airtime{margin:16px 0}.watch-layout{align-items:start}.channels{margin-top:18px}.channel-identity{display:flex;align-items:center;gap:14px;min-height:56px}.info-logo{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:9px;width:78px;height:56px;padding:7px;flex-shrink:0}.info-logo img{width:100%;height:100%;object-fit:contain}.channel-logo{width:64px;height:54px;background:#fff;border:0;padding:6px;color:#17263c;font-size:14px}.channel-logo img{width:100%;height:100%;object-fit:contain}.channel{flex-basis:320px}.tv-archive{display:block;text-align:center;border:1px solid #3c7198;background:#122940;border-radius:9px;padding:10px 16px;margin-top:14px;font-size:18px;font-weight:700}.tv-archive:hover{background:#1b3e5b}.up-next{border:0;padding:10px 0 0;color:#aebed0}.up-next>span{font-size:16px}.up-next h2{font-size:17px;font-weight:500;color:#b9c8dd;margin:3px 0 0;line-height:1.4}.channel-switch{margin:12px 0 0}.channel-switch button{width:42px;height:42px;min-height:42px;font-size:22px}.archive-pending{padding-top:55px}.archive-pending .browse-link{display:inline-block;margin-top:20px}@media(max-width:850px){.player-info{padding:0}.channels{margin-top:20px}.watch-layout{gap:18px}.player-info h1{font-size:30px}}
.up-next{margin-top:10px;padding:10px 13px;border:1px solid #2b3b50;border-radius:8px;background:#111c2b80}.up-next>span{font-size:15px;font-weight:700;color:#d8e6f7}.up-next h2{font-size:16px;font-weight:700;color:#edf4ff;margin-top:3px}.channel-carousel{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:10px}.channel-nav{display:flex;align-items:center;justify-content:center;font-size:36px;line-height:1;width:40px;min-height:76px;padding:0;background:#172c43;border:1px solid #3c6484;border-radius:9px;color:#bce7ff}.channel-nav:disabled{opacity:.25}.channel-list{cursor:grab;scroll-snap-type:none;touch-action:pan-x pan-y}.channel-list.dragging,.channel-list.dragging *{cursor:grabbing!important;user-select:none}.channel-list.dragging{scroll-behavior:auto}.channel-logo img{user-select:none;-webkit-user-drag:none}@media(max-width:480px){.channel-carousel{grid-template-columns:30px minmax(0,1fr) 30px;gap:6px}.channel-nav{width:30px;font-size:30px;min-height:64px}.channel{flex-basis:265px}.channel-logo{width:52px}.channel .choose{gap:9px}}
/* Dedicated TV archive. */
.archive-page{padding-top:48px;padding-bottom:60px}.archive-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:36px}.archive-heading h1{font-size:clamp(40px,5vw,64px);letter-spacing:-2px;margin:0 0 10px}.archive-heading p{font-size:22px;margin:0;color:#a9b8cf}.archive-days{display:flex;gap:12px;flex-shrink:0}.archive-days a{border:1px solid #344258;border-radius:12px;padding:15px 25px;font-size:20px;font-weight:700;color:#b2bfd3;background:#0a1020}.archive-days a.selected{color:#42baff;border-color:#42baff;background:#0e263d;box-shadow:inset 0 0 0 1px #42baff44}.archive-demo{font-size:16px;color:#a9b8cc;margin:-12px 0 24px}.archive-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:35px}.archive-channels{display:flex;flex-direction:column;gap:8px;align-self:start;position:sticky;top:20px}.archive-channels>a{display:flex;align-items:center;gap:15px;min-height:72px;padding:10px;border-radius:10px;font-size:20px;font-weight:600;line-height:1.3;border:1px solid transparent}.archive-channels>a.selected{background:#1c2b43;border-color:#38516f}.archive-channels>a:hover{background:#16283c}.archive-logo{display:flex;align-items:center;justify-content:center;flex:0 0 70px;height:48px;border-radius:7px;padding:5px;background:#fff;color:#203148;font-size:15px;font-weight:700}.archive-logo img{width:100%;height:100%;object-fit:contain}.archive-schedule{min-width:0}.archive-period{font-size:17px;letter-spacing:2px;color:#9baec9;font-weight:700;border-bottom:1px solid #2b3a51;padding:14px 12px;margin:0 0 8px}.archive-period:not(:first-of-type){margin-top:28px}.archive-row{display:flex;gap:22px;align-items:center;min-height:82px;padding:18px 14px;border-radius:12px;border-left:3px solid transparent}.archive-row>time{font-size:23px;font-variant-numeric:tabular-nums;color:#a3b4cc;flex:0 0 68px}.archive-title{flex:1;min-width:0}.archive-title h4{font-size:23px;font-weight:650;line-height:1.4;margin:0;overflow-wrap:anywhere}.archive-title details{font-size:16px;color:#adbbcf;margin-top:5px}.archive-title details p{line-height:1.5}.archive-play{font-size:18px;color:#43baff;font-weight:650;white-space:nowrap;padding:8px;border-radius:6px}.archive-play:hover{background:#153650}.archive-row.current{background:#1a253a;border-left-color:#fa526f}.archive-live{color:#ff6681;font-weight:700;font-size:17px;white-space:nowrap}.archive-row .restart-link{font-size:16px}.archive-state{font-size:18px;color:#a2afc2;white-space:nowrap}.archive-row.future{color:#8794aa}.archive-row.future>time{color:#8794aa}.archive-row.unavailable{color:#8c9db4}.archive-empty{padding:20px}.archive-page~footer{margin-top:0}@media(max-width:1100px){.archive-heading{align-items:start;flex-direction:column}.archive-layout{grid-template-columns:210px minmax(0,1fr);gap:20px}.archive-channels>a{font-size:18px}.archive-row{flex-wrap:wrap;gap:12px}.archive-row .restart-link{margin-left:auto}}@media(max-width:700px){.archive-page{padding-top:26px}.archive-heading{gap:22px;margin-bottom:26px}.archive-heading h1{font-size:44px}.archive-heading p{font-size:18px}.archive-days{width:100%;gap:8px}.archive-days a{flex:1;text-align:center;font-size:17px;padding:12px 8px}.archive-layout{display:flex;flex-direction:column;gap:22px}.archive-channels{flex-direction:row;overflow-x:auto;width:100%;position:static;padding-bottom:12px;scrollbar-color:#4f85a5 #101a2a}.archive-channels>a{flex:0 0 160px;flex-direction:column;gap:8px;padding:12px;min-height:106px}.archive-logo{flex:none;width:70px}.archive-schedule{width:100%}.archive-title h4{font-size:20px}.archive-row>time{font-size:20px;flex-basis:58px}.archive-row{padding:16px 10px;gap:12px}.archive-title{flex-basis:calc(100% - 75px)}.archive-play,.archive-live,.archive-state{margin-left:70px;font-size:17px}.archive-row .restart-link{margin-left:70px}.archive-period{font-size:16px;letter-spacing:1px}}
.archive-schedule{position:relative;max-height:calc(100vh - 355px);min-height:420px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-color:#49637f #0b1321;padding-right:12px}.archive-channels{position:static}@media(max-width:700px){.archive-schedule{max-height:65vh;min-height:320px;padding-right:7px}}
.archive-heading{justify-content:flex-end;margin-bottom:26px}.archive-heading>.sr-only{margin:0}.archive-description{font-size:18px;line-height:1.55;font-weight:400;color:#b5c4d8}.archive-row.playable{cursor:pointer;color:var(--text);transition:background-color .15s}.archive-row.playable:hover{background:#172b43;color:var(--text)}.archive-row.playable:focus-visible{outline-offset:-3px}.archive-row.playable .archive-play{background:none}.archive-schedule{max-height:calc(100vh - 260px)}@media(max-width:700px){.archive-heading{align-items:stretch;gap:0;margin-bottom:22px}.archive-description{font-size:17px}.archive-schedule{max-height:65vh}.archive-row.current .archive-live{margin-right:0}}
.watch-actions{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:7px}.watch-actions button{font-size:16px;padding:11px 6px;white-space:nowrap;min-width:0}.watch-actions button:disabled{opacity:.4;cursor:not-allowed;background:#172335;border-color:#354256;color:#afbbcf}.tv-archive{overflow-wrap:anywhere}@media(max-width:390px){.watch-actions{gap:5px}.watch-actions button{font-size:15px;padding:11px 4px}}
.header .brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.header .brand .brand-wordmark{color:var(--text)}.brand-icon{display:block;width:32px;height:32px;object-fit:contain;flex-shrink:0}@media(max-width:480px){.header .brand{gap:9px;font-size:27px}.brand-icon{width:30px;height:30px}.header .demo{font-size:13px;padding:7px 9px}}
.header .account{display:flex;align-items:center;gap:16px;margin-left:auto;flex-shrink:0}.logout-button{border-radius:24px;background:#172234;border-color:#52617a;color:#e3eaf4;min-height:46px;padding:9px 20px}.logout-button:hover{background:#343046;border-color:#a88b9f}.package-heading{display:flex;align-items:center;gap:18px;margin-bottom:20px}.package-heading h1{font-size:30px;margin:0;color:var(--accent)}.package-heading>span{font-size:18px;color:var(--muted)}@media(max-width:1050px){.header{flex-wrap:wrap}.header .account{margin-left:auto}.header nav{order:3;flex-basis:100%}.header nav a{flex:1}}@media(max-width:480px){.header .account{gap:8px}.header .account .demo{display:none}.logout-button{font-size:16px;min-height:42px;padding:8px 15px}.header nav{gap:8px}.header nav a{font-size:16px;padding:10px 12px}}
.login-page{min-height:calc(100svh - 90px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px 20px;max-width:none}.login-card{width:100%;max-width:500px;padding:40px;border:1px solid #3b526f;border-radius:20px;background:linear-gradient(145deg,#17263be8,#0c1425f5);box-shadow:0 25px 90px #0005,0 0 90px #168bd21a}.login-brand{display:flex;align-items:center;justify-content:center;gap:14px;font-size:40px;font-weight:800;letter-spacing:-1.5px}.login-brand img{flex-shrink:0}.brand-dot{color:var(--accent)}.login-caption{display:block;text-align:center;font-size:13px;font-weight:600;letter-spacing:2px;color:#9eb6d2;margin-top:13px}.login-card h1{font-size:32px;letter-spacing:-.5px;margin:36px 0 8px}.login-intro{font-size:18px;margin-bottom:28px}.access-form{display:flex;flex-direction:column;gap:12px}.access-form>label{font-size:18px;font-weight:600}.code-field{display:flex;border:1px solid #62748e;border-radius:10px;background:#0b1422;overflow:hidden}.code-field:focus-within{outline:2px solid var(--accent);outline-offset:3px}.code-field input{width:100%;min-width:0;border:0;background:transparent;border-radius:0;font-size:19px;padding:15px 16px}.code-field input:focus-visible{outline:none}.code-field input::placeholder{color:#93a5bd}.code-field button{border:0;border-left:1px solid #354760;border-radius:0;background:transparent;color:#9ddaff;font-size:16px;padding:12px;min-width:80px}.login-submit{display:flex;align-items:center;justify-content:space-between;font-size:20px;min-height:56px;margin-top:10px;padding:12px 20px}.login-error{margin:0 0 22px;padding:12px 15px;background:#542b3d66;border:1px solid #9d5268;border-radius:9px;color:#ffd5e0;font-size:17px}.login-demo{border-top:1px solid #33445d;padding-top:22px;margin-top:28px;text-align:center}.login-demo p{font-size:16px;margin:0 0 12px}.login-demo button{width:100%;background:#17263b;font-size:18px;border-color:#415c7c}.login-signature{font-size:16px;color:#9aabc2;margin-top:24px;text-align:center}@media(max-width:480px){.login-page{padding:28px 16px;justify-content:flex-start;min-height:calc(100svh - 82px)}.login-card{padding:28px 22px;border-radius:16px}.login-brand{font-size:34px;gap:12px}.login-brand img{width:38px;height:38px}.login-card h1{font-size:28px;margin-top:30px}.login-caption{font-size:12px;letter-spacing:1.3px}.login-signature{font-size:15px}}
.login-card .login-brand{margin-bottom:32px}

/* The classic vertical channel list, restyled for the new site. */
.programmes-page{max-width:1380px;padding-top:48px;padding-bottom:70px}.programmes-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.programmes-heading h1{font-size:clamp(34px,4vw,54px);margin:4px 0 0;letter-spacing:-1.5px}.programmes-count{color:#b7c8dd;font-size:17px;white-space:nowrap}.programmes-demo{font-size:16px;color:#aabbd0;margin:0 0 18px}.programmes-list{display:flex;flex-direction:column;gap:14px}.programme-card{display:grid;grid-template-columns:230px minmax(0,1fr) 58px;min-height:210px;overflow:hidden;border:1px solid #354760;border-radius:16px;background:linear-gradient(110deg,#17243a,#101a2c 70%);box-shadow:0 8px 25px #0003;color:#edf4ff;transition:border-color .16s,background-color .16s,transform .16s}.programme-card:hover{border-color:#4bbcf6;background:#172941;color:#edf4ff;transform:translateY(-2px)}.programme-card:focus-visible{outline:3px solid #39b5f5;outline-offset:3px}.programme-card-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:210px;background:radial-gradient(circle at 50% 35%,#226ca45c,transparent 56%),linear-gradient(145deg,#122b47,#081322);border-right:1px solid #344b67}.programme-card-art:after{content:"";position:absolute;inset:12px;border:1px solid #76b8e020;border-radius:11px;pointer-events:none}.programme-card-art img{width:124px;height:84px;object-fit:contain;border-radius:10px;background:#fff;padding:10px;box-shadow:0 12px 28px #0007}.programme-card-monogram{font-size:30px;font-weight:800;color:#e4f4ff;letter-spacing:-1px;text-align:center;line-height:1.1;overflow-wrap:anywhere;padding:18px}.programme-card-number{position:absolute;top:17px;left:18px;font-size:14px;font-weight:800;letter-spacing:2px;color:#80c9f0}.programme-card-live{position:absolute;left:17px;bottom:16px;padding:4px 9px;border-radius:5px;background:#ff4c69;color:white;font-size:12px;font-weight:800;letter-spacing:.6px}.programme-card-info{display:flex;flex-direction:column;min-width:0;justify-content:center;padding:22px 26px;gap:5px}.programme-card-top{display:flex;align-items:center;gap:12px}.programme-card-top strong{font-size:24px;line-height:1.2}.programme-card-extra{font-size:12px;letter-spacing:1px;color:#9ddcff;border:1px solid #3771a0;border-radius:5px;padding:2px 7px;font-weight:800}.programme-card-current{font-size:21px;line-height:1.3;font-weight:650;overflow-wrap:anywhere}.programme-card-description{color:#aebfd4;font-size:15px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.programme-card-progress{display:block;appearance:none;width:100%;height:5px;border:0;background:#34445a;border-radius:9px;overflow:hidden;margin:8px 0 0}.programme-card-progress::-webkit-progress-bar{background:#34445a;border-radius:9px}.programme-card-progress::-webkit-progress-value{background:linear-gradient(90deg,#168fce,#41c1ff);border-radius:9px}.programme-card-progress::-moz-progress-bar{background:linear-gradient(90deg,#168fce,#41c1ff);border-radius:9px}.programme-card-times{display:flex;justify-content:space-between;color:#a9bbd1;font-size:14px;font-variant-numeric:tabular-nums}.programme-card-next{color:#9eb1c9;font-size:16px;line-height:1.35;overflow-wrap:anywhere}.programme-card-next b{color:#d3e2f4;font-weight:600}.programme-card-arrow{align-self:center;justify-self:center;color:#5cc6ff;font-size:32px;line-height:1}.programmes-empty{padding:30px;text-align:center;border:1px solid #354760;border-radius:12px}@media(max-width:700px){.programmes-page{padding-top:27px}.programme-card{grid-template-columns:130px minmax(0,1fr);min-height:188px}.programme-card-art{min-height:188px}.programme-card-art img{width:92px;height:66px;padding:7px}.programme-card-monogram{font-size:23px;padding:11px}.programme-card-info{padding:17px;gap:5px}.programme-card-top strong{font-size:20px}.programme-card-current{font-size:18px}.programme-card-description{font-size:14px}.programme-card-next{font-size:14px}.programme-card-arrow{display:none}.header nav{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#385b78 transparent}.header nav a{flex:0 0 auto;white-space:nowrap}}@media(max-width:440px){.programmes-heading{align-items:start;flex-direction:column;gap:0}.programme-card{grid-template-columns:96px minmax(0,1fr);min-height:184px}.programme-card-art{min-height:184px}.programme-card-art img{width:72px;height:55px;padding:5px}.programme-card-number{top:11px;left:10px;font-size:12px}.programme-card-live{left:7px;bottom:11px;font-size:10px;padding:4px 5px}.programme-card-info{padding:13px;gap:4px}.programme-card-top strong{font-size:18px}.programme-card-current{font-size:17px}.programme-card-description{display:none}.programme-card-progress{margin-top:5px}}
@media(max-width:480px){.header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.header nav a{min-width:0;white-space:normal;text-align:center}}

.archive-shift{margin-top:16px;padding:14px;border:1px solid #30455f;border-radius:10px;background:#101d30a8}.archive-shift-label{display:block;color:#aebfd4;font-size:15px;font-weight:650;letter-spacing:.2px;margin-bottom:10px}.archive-shift-buttons{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.archive-shift-buttons button{min-width:0;min-height:43px;padding:8px 2px;font-size:17px;border-radius:8px;background:#192b43;border-color:#3b5b7a;color:#d5e9f8}.archive-shift-buttons button:hover{background:#214461;color:#fff}.archive-shift-buttons button:disabled{opacity:.35;cursor:not-allowed}.archive-shift-buttons button[data-shift="1"],.archive-shift-buttons button[data-shift="3"],.archive-shift-buttons button[data-shift="5"]{color:#8bd8ff}@media(max-width:360px){.archive-shift-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}}

.player-info .programme-title{display:flex;align-items:flex-start;gap:9px;margin:14px 0 10px}.programme-title #programme-name{flex:1;min-width:0}.programme-title .live-label{display:inline-block;flex:none;margin:5px 0 0;padding:5px 8px;border:1px solid #a64864;border-radius:6px;background:#41223399;color:#ff8fa6;font-size:13px;line-height:1.2;letter-spacing:.7px;white-space:nowrap}.programme-title .live-label.archive-mode{border-color:#356f96;background:#17334b;color:#85d7ff}.tv-live{display:block;width:100%;margin-top:8px;padding:10px 16px;border:1px solid #3e697f;border-radius:9px;background:#142b3b;color:#d9f1ff;font-size:18px;font-weight:700;text-align:center}.tv-live:hover{background:#1e465b;border-color:#5bb9de}.tv-live::before{content:'●';margin-right:8px;color:#ff637e;font-size:13px;vertical-align:2px}

.ai-remark{display:grid;grid-template-columns:auto minmax(0,1fr) 38px;align-items:center;gap:13px;width:100%;margin-bottom:12px;padding:12px 14px;border:1px solid #365b77;border-radius:11px;background:linear-gradient(110deg,#15334be8,#151e34ed);box-shadow:0 6px 22px #0002}.ai-remark-label{font-size:13px;font-weight:750;letter-spacing:.4px;color:#8edaff;white-space:nowrap}.ai-remark p{margin:0;font-size:17px;line-height:1.45;color:#e3effc;overflow-wrap:anywhere}.ai-remark button{min-width:38px;min-height:38px;padding:0;border-color:transparent;background:transparent;color:#a9c1d8;font-size:25px;font-weight:400}.ai-remark button:hover{border-color:#5580a0;background:#24425c}@media(max-width:850px){.ai-remark{order:-1;margin-bottom:0}}@media(max-width:480px){.ai-remark{grid-template-columns:minmax(0,1fr) 34px;gap:4px 10px;padding:11px 12px}.ai-remark-label{grid-column:1;grid-row:1}.ai-remark p{grid-column:1;grid-row:2;font-size:16px}.ai-remark button{grid-column:2;grid-row:1/3;min-width:34px}}

.player-info>.live-label.archive-mode{align-self:flex-start;max-width:100%;margin:10px 0 0;padding:7px 10px;border:1px solid #356f96;border-radius:6px;background:#17334b;color:#a2e1ff;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}

.programme-details{min-width:0;width:100%;margin-top:16px;padding:18px 22px;border:1px solid #30465f;border-radius:12px;background:#0f1c2dcc}.programme-details h2{margin:0 0 10px;color:#edf4ff;font-size:22px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.programme-details p{margin:0;color:#d0def0;font-size:18px;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere}@media(max-width:850px){.programme-details{order:0;margin-top:0;padding:16px}.programme-details h2{font-size:21px}}

.channel-logo[data-logo-theme="dark"],.info-logo[data-logo-theme="dark"],.archive-logo[data-logo-theme="dark"],.programme-card-art img[data-logo-theme="dark"]{background:#17283d;color:#edf4ff}

/* Channel snapshots: idle player background and optional programme preview. */
.screen-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.screen.playing .screen-preview{display:none}#placeholder{background:linear-gradient(180deg,#050b1433,#050b14b3);text-shadow:0 2px 12px #000}#placeholder .primary{text-shadow:none}
.programme-card.has-preview{grid-template-columns:230px minmax(0,1fr) minmax(180px,260px) 44px}.programme-card-preview{display:flex;align-items:center;min-width:0;padding:16px 0}.programme-card-preview img{display:block;width:100%;height:auto;aspect-ratio:7/4;object-fit:cover;border:1px solid #3b526f;border-radius:10px;background:#09121f}
@media(min-width:701px) and (max-width:1100px){.programme-card.has-preview{grid-template-columns:155px minmax(0,1fr) 180px 34px}.programme-card.has-preview .programme-card-info{padding:18px}.programme-card.has-preview .programme-card-art img{width:110px}}
@media(max-width:700px){.programme-card.has-preview{grid-template-columns:130px minmax(0,1fr)}.programme-card-preview{grid-column:1/-1;padding:0 14px 14px}.programme-card-preview img{max-width:350px;margin-left:auto}}
@media(max-width:440px){.programme-card.has-preview{grid-template-columns:96px minmax(0,1fr)}.programme-card-preview{padding:0 12px 12px}}

/* Compact snapshot below the channel logo and programme information. */
.channel.has-preview .choose{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:start;gap:10px 12px;width:100%}.channel-preview{display:block;grid-column:1/-1;justify-self:center;width:140px;max-width:100%;min-width:0;overflow:hidden;border:1px solid #3b526f;border-radius:7px;background:#09121f}.channel-preview img{display:block;width:100%;height:auto;aspect-ratio:7/4;object-fit:cover;user-select:none;-webkit-user-drag:none}
@media(max-width:700px){.channel{flex-basis:min(265px,100%)}.channel.has-preview .choose{grid-template-columns:52px minmax(0,1fr);gap:9px}.channel-preview{width:120px}}

/* Three-hour editorial programme guide. */
.guide-page{max-width:1380px;padding-top:42px;padding-bottom:60px}.guide-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.guide-heading h1{font-size:clamp(30px,3.5vw,46px);line-height:1.15;letter-spacing:-1px;margin:10px 0 12px;max-width:850px}.guide-heading p{font-size:21px;color:#b7cbe0;margin:0}.guide-period{border:1px solid #477292;border-radius:20px;white-space:nowrap;padding:7px 15px;color:#8edaff;font-size:16px;font-weight:700}.guide-toolbar{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;margin-bottom:25px;padding:20px;border:1px solid #324c68;border-radius:14px;background:#0c1728}.guide-toolbar p{font-size:16px;color:#bdcfe4;margin:0;min-width:0}.guide-toolbar form{max-width:100%}.guide-toolbar #guide-generate{display:inline-flex;align-items:center;justify-content:center;gap:12px;text-align:center}.guide-toolbar #guide-generate>span[aria-hidden]{flex-shrink:0}.guide-toolbar #guide-availability:empty{display:none}.guide-toolbar #guide-status{width:100%;min-width:0;color:#8edaff}.guide-toolbar #guide-status:empty{display:none}.guide-overview{padding:28px 32px;margin-bottom:32px;border:1px solid #3a6a8a;border-radius:18px;background:radial-gradient(ellipse at 0 0,#17507588,transparent 80%),#101e32}.guide-meta{display:flex;flex-wrap:wrap;gap:8px 22px;color:#9fc7e1;font-size:15px}.guide-overview h2{font-size:28px;margin:17px 0 12px}.guide-overview p{font-size:21px;line-height:1.65;margin:0;color:#e0ecf8;max-width:1050px}.guide-stale{display:block;font-size:16px;color:#e4c18f;margin-top:17px}.guide-lead-section>h2,.guide-category>h2{font-size:23px;margin:0 0 14px}.guide-lead-section{margin-bottom:32px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-category{margin-bottom:28px}.guide-card{display:flex;align-items:center;gap:22px;min-width:0;padding:24px;border:1px solid #344b67;border-radius:14px;background:linear-gradient(120deg,#14253b,#101a2c)}.guide-card-content{min-width:0;flex:1}.guide-card-channel{display:flex;align-items:center;flex-wrap:wrap;gap:9px 12px;color:#dceaf8}.guide-card-channel .channel-logo{width:58px;height:45px}.guide-card-channel strong{font-size:18px}.guide-category-label{font-size:13px;color:#90ccf2;border:1px solid #315671;padding:3px 8px;border-radius:6px}.guide-card h3{font-size:24px;line-height:1.3;margin:15px 0 10px;overflow-wrap:anywhere}.guide-card-time{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:16px;color:#adbed3;font-variant-numeric:tabular-nums}.guide-card-state{color:#8edaff}.guide-reason{font-size:18px;line-height:1.55;color:#cfdef0;margin:15px 0 20px}.guide-card-actions{display:flex;flex-wrap:wrap;gap:10px}.guide-card-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 15px;border:1px solid #42617f;border-radius:9px;font-size:16px;font-weight:700}.guide-card-actions .primary{background:var(--accent);color:#071827;border-color:var(--accent)}.guide-card-actions .guide-unavailable{font-size:16px;padding:9px 13px;min-height:44px}.guide-card-image{width:140px;height:auto;aspect-ratio:7/4;object-fit:cover;border:1px solid #3e5975;border-radius:10px;flex-shrink:0}.guide-card-lead{border-color:#389ed0;background:linear-gradient(115deg,#14344b,#142039)}.guide-card-lead h3{font-size:32px}.guide-card-lead .guide-card-image{width:280px}.guide-empty{padding:45px 28px;text-align:center;border:1px dashed #3f607d;border-radius:16px;background:#111d30}.guide-empty-icon{font-size:42px;color:#5ecbff}.guide-empty h2{font-size:28px;margin:10px 0 14px}.guide-empty p{font-size:19px;color:#b7cbe0;max-width:650px;margin:12px auto}.guide-footnote{font-size:15px;color:#99adc5;margin-top:30px}.header nav{flex-wrap:wrap}
@media(max-width:1100px){.guide-grid{grid-template-columns:1fr}.guide-card-lead .guide-card-image{width:220px}}
@media(max-width:700px){.guide-page{padding-top:28px}.guide-heading{align-items:flex-start}.guide-period{display:none}.guide-heading p{font-size:18px}.guide-toolbar{padding:16px;align-items:center}.guide-toolbar form,.guide-toolbar button{width:100%}.guide-toolbar p{font-size:15px}.guide-overview{padding:21px}.guide-overview h2{font-size:24px}.guide-overview p{font-size:19px}.guide-card,.guide-card-lead{padding:20px;flex-direction:column;align-items:stretch;gap:12px}.guide-card h3,.guide-card-lead h3{font-size:25px}.guide-card-image,.guide-card-lead .guide-card-image{width:150px;align-self:flex-end}.guide-card-channel .channel-logo{display:flex}.guide-reason{font-size:18px}.guide-meta{font-size:14px}.guide-card-actions a,.guide-card-actions button{flex:1}}
@media(max-width:480px){.header nav a:last-child{grid-column:1/-1}.guide-toolbar button{font-size:17px}.guide-card-channel strong{font-size:18px}.guide-empty{padding:30px 20px}}
.guide-grid>.guide-card:only-child{grid-column:1/-1}
/* Highlight the available guide action with a bright, smooth pulse. */
.guide-toolbar #guide-generate:not(:disabled){animation:guide-generate-pulse 2.4s ease-in-out infinite}
@keyframes guide-generate-pulse{0%,100%{transform:scale(1);background-color:#39b5f5;border-color:#39b5f5;box-shadow:0 0 0 0 #39b5f500,0 0 12px #39b5f544}50%{transform:scale(1.025);background-color:#82d7ff;border-color:#b6e9ff;box-shadow:0 0 0 7px #39b5f53d,0 0 38px #39b5f5bb}}
@media(prefers-reduced-motion:reduce){.guide-toolbar #guide-generate:not(:disabled){animation:none}}
/* Keep the active programme title readable without dominating the player panel. */
.player-info .programme-title{font-size:24px;line-height:1.3;letter-spacing:0;font-weight:700}
@media(max-width:850px){.player-info .programme-title{font-size:22px}}
/* Compact carousel cards with readable text and small previews at the bottom. */
.channel-carousel .channel-list{align-items:stretch;gap:10px;padding-bottom:12px}
.channel-carousel .channel{position:relative;flex:0 0 244px;padding:10px;gap:0}
.channel-carousel .channel .choose{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-items:start;align-self:stretch;gap:7px 9px;width:100%}
.channel-carousel .channel-logo{width:48px;height:40px;padding:4px;border-radius:7px}
.channel-carousel .channel-copy strong{font-size:18px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.channel-carousel .channel-copy>span{font-size:17px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px}
.channel-carousel .channel-copy small{font-size:16px;line-height:1.35;padding-right:26px}
.channel-carousel .channel-copy progress{height:3px;margin:6px 0 5px}
.channel-carousel .channel-preview{width:104px;border-radius:6px;align-self:end}
.channel-carousel .favorite{position:absolute;right:0;bottom:0;width:44px;min-width:44px;min-height:44px;padding:2px;font-size:23px;line-height:1}
@media(max-width:700px){.channel-carousel .channel{flex-basis:min(220px,100%)}.channel-carousel .channel .choose{grid-template-columns:44px minmax(0,1fr);gap:6px 8px}.channel-carousel .channel-logo{width:44px;height:38px}.channel-carousel .channel-preview{width:96px}}
/* Keep the selected header section highlighted after the pointer moves away. */
.header nav a{gap:7px}
.header nav a:hover,.header nav a.active{color:var(--accent);border-color:var(--accent);background:#14324b}
.header nav .nav-active-mark{flex-shrink:0;color:var(--accent);font-size:15px;line-height:1}