/* «Взлётка» — телеканал: тёмная «приборная» шапка, эфирный экран, сетка вещания в духе программы передач. */
:root{--night:#0d1828;--panel:#14243a;--panel2:#1c3150;--line:#2b4466;--sky:#8ec5f0;--run:#f2c230;--live:#e0442e;
--bg:#eef2f6;--card:#fff;--ink:#14202e;--ink2:#566578;--rule:#d5dde7}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.55 Arsenal,"Trebuchet MS",sans-serif}
a{color:#1d5fa8}a:hover{color:#0b3d75}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1200px;margin:0 auto;padding:0 18px}
h1,h2,h3,.ex{font-family:"Exo 2",Arsenal,sans-serif}
h1{font-size:2rem;font-weight:800;line-height:1.15;margin:1em 0 .45em}
h2{font-size:1.35rem;font-weight:800;line-height:1.2;margin:1.4em 0 .5em}
h3{font-size:1.08rem;font-weight:600;margin:1em 0 .3em}
p{margin:.45em 0 .9em}
.note{color:var(--ink2);font-size:.95rem}
.lead{font-size:1.12rem;max-width:46em}
/* шапка */
.top{background:var(--night);color:#e7eef7;border-bottom:1px solid #000}
.top .wrap{display:flex;align-items:center;gap:20px;min-height:64px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:800 1.5rem/1 "Exo 2",sans-serif;letter-spacing:.02em}
.logo svg{width:38px;height:38px}
.logo small{display:block;font:400 .78rem/1.2 Arsenal,sans-serif;color:#9fb3cb;letter-spacing:0}
.onair{margin-left:auto;display:flex;align-items:center;gap:8px;font:600 .9rem "Exo 2",sans-serif;color:#cfe0f2;text-decoration:none}
.onair i{width:10px;height:10px;border-radius:50%;background:var(--live);box-shadow:0 0 0 4px rgba(224,68,46,.25);animation:blink 2s infinite}
@keyframes blink{50%{opacity:.35}}
nav.menu{background:var(--panel);border-bottom:3px solid var(--run)}
nav.menu .wrap{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
nav.menu a{flex:0 0 auto;padding:11px 15px;color:#d8e4f1;text-decoration:none;font:600 .92rem "Exo 2",sans-serif}
nav.menu a.on,nav.menu a:hover{background:var(--panel2);color:#fff;box-shadow:inset 0 -3px 0 var(--run)}
/* эфир */
.stage{background:radial-gradient(ellipse at 30% 0,#1d3456,var(--night) 70%);color:#e9f0f8;padding:22px 0 26px}
.stage .wrap{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}
.scr{position:relative;aspect-ratio:16/9;background:#000;border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px #2b4466,0 12px 40px rgba(0,0,0,.45)}
.scr video{position:absolute;inset:0;width:100%;height:100%;background:#000}
.pl-cover{position:absolute;inset:0;border:0;margin:0;padding:0;cursor:pointer;background:#000 center/contain no-repeat;display:flex;align-items:flex-end;justify-content:flex-start}
.pl-cover span{margin:18px;background:var(--live);color:#fff;font:800 1rem "Exo 2",sans-serif;padding:10px 18px;border-radius:3px;letter-spacing:.04em}
.pl-cover:hover span{background:#ff5a42}
.scr .bug{position:absolute;right:12px;top:10px;font:800 .8rem "Exo 2",sans-serif;color:rgba(255,255,255,.7);letter-spacing:.08em;pointer-events:none}
.scr .bug b{color:var(--live)}
.pl-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px;font-size:.92rem;color:#a9bdd3}
.pl-bar button{font:600 .85rem "Exo 2",sans-serif;background:var(--panel2);color:#e7eef7;border:1px solid var(--line);padding:5px 11px;border-radius:3px;cursor:pointer}
.pl-q{display:flex;gap:4px;flex-wrap:wrap}
.pl-q button.on{background:var(--run);color:#14202e;border-color:var(--run)}
.pl-resume{background:var(--live)!important;border-color:var(--live)!important}
.live-title a{color:#fff;font:600 1.05rem "Exo 2",sans-serif;text-decoration:none}
.nowbox{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:14px 16px}
.nowbox .lbl{font:600 .75rem "Exo 2",sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--run);margin:0 0 4px}
.nowbox h2{margin:.1em 0 .3em;font-size:1.25rem}.nowbox h2 a{color:#fff;text-decoration:none}
.nowbox .meta{font-size:.9rem;color:#b3c4d8}.nowbox a{color:var(--sky)}
.bar{height:5px;background:#0a1220;border-radius:3px;margin:8px 0 14px;overflow:hidden}.bar i{display:block;height:100%;background:var(--live)}
ul.nx{list-style:none;margin:0;padding:0}ul.nx li{padding:5px 0;border-top:1px solid var(--line)}
.tm{font:600 .95rem "Exo 2",sans-serif;font-variant-numeric:tabular-nums;color:var(--run);display:inline-block;min-width:3.2em}
.pg{display:inline-block;font:600 .7rem "Exo 2",sans-serif;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--c,#567);border-radius:2px;padding:1px 6px;margin-right:6px;vertical-align:2px}
/* сетка */
.grid ul,.wk ul{list-style:none;margin:0;padding:0}
.grid li,.wk li{display:grid;grid-template-columns:3.4em auto 1fr auto;gap:8px;align-items:baseline;padding:7px 10px;border-bottom:1px solid var(--rule);background:var(--card)}
.grid li .tm,.wk li .tm{color:#1d5fa8}
.grid li.past,.wk li.past{opacity:.55}
.grid li.now,.wk li.now{background:#fff6d6;box-shadow:inset 4px 0 0 var(--live)}
.grid li .du,.wk li .du{color:var(--ink2);font-size:.88rem;white-space:nowrap}
.grid li a,.wk li a{text-decoration:none;color:var(--ink);font-weight:700}
.grid li a:hover,.wk li a:hover{color:#1d5fa8}
.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.wk{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:18px}
.wd h3{background:var(--panel);color:#fff;margin:0;padding:8px 10px;border-radius:4px 4px 0 0}
.wd h3 small{font:400 .85rem Arsenal,sans-serif;color:#a9bdd3;margin-left:8px}
.wk li{grid-template-columns:3.2em 1fr auto}.wk li .pg{display:none}
/* программы и карточки */
.progs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:12px 0 20px}
.prog{display:block;background:var(--card);border-radius:6px;padding:14px 16px;text-decoration:none;color:var(--ink);border-top:5px solid var(--c);box-shadow:0 1px 0 var(--rule)}
.prog b{font:800 1.08rem "Exo 2",sans-serif;display:block}.prog span{font-size:.9rem;color:var(--ink2)}
.prog:hover{box-shadow:0 4px 14px rgba(20,32,46,.12)}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin:12px 0 22px}
.tile{display:block;background:var(--card);border-radius:6px;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:0 1px 0 var(--rule)}
.tile .im{position:relative;aspect-ratio:16/9;background:#0d1828}
.tile .im img{width:100%;height:100%;object-fit:cover}
.tile .im .d{position:absolute;right:6px;bottom:6px;background:rgba(13,24,40,.85);color:#fff;font:600 .78rem "Exo 2",sans-serif;padding:2px 6px;border-radius:2px}
.tile .tx{padding:10px 12px 12px}.tile .tx b{display:block;line-height:1.25}.tile .tx span{font-size:.86rem;color:var(--ink2)}
.tile:hover b{color:#1d5fa8}
table.t{width:100%;border-collapse:collapse;background:var(--card);font-size:.93rem;margin:10px 0 22px}
table.t th,table.t td{padding:7px 9px;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top}
table.t th{font:600 .78rem "Exo 2",sans-serif;text-transform:uppercase;letter-spacing:.04em;background:#e3e9f0}
.tblw{overflow-x:auto}
.cols{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px}
aside .box{background:var(--card);border-radius:6px;padding:12px 16px;margin:16px 0;box-shadow:0 1px 0 var(--rule)}
.crumbs{font-size:.88rem;color:var(--ink2);margin:14px 0 0}.crumbs a{color:var(--ink2)}
.vod .info{display:flex;gap:14px;flex-wrap:wrap;font-size:.92rem;color:#b3c4d8;margin-top:10px}
.when{background:#fff6d6;border-left:4px solid var(--run);padding:8px 12px;font-size:.95rem}
form.f{background:var(--card);border-radius:6px;padding:18px 22px;max-width:640px;box-shadow:0 1px 0 var(--rule)}
form.f label{display:block;margin:12px 0 4px;font-weight:700}
form.f input[type=text],form.f input[type=email],form.f select,form.f textarea{width:100%;font:1rem Arsenal,sans-serif;padding:8px 9px;border:1px solid #b9c6d4;border-radius:3px;background:#fbfcfe}
form.f textarea{min-height:140px}
form.f .chk{display:flex;gap:8px;align-items:flex-start;font-weight:400;font-size:.92rem}
form.f button{margin-top:16px;font:800 1rem "Exo 2",sans-serif;background:var(--live);color:#fff;border:0;border-radius:3px;padding:10px 22px;cursor:pointer}
.hp{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}
footer{background:var(--night);color:#a9bdd3;font-size:.92rem;padding:24px 0 30px;margin-top:30px}
footer a{color:#d8e4f1}footer .wrap{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
footer h4{margin:0 0 6px;font:600 .8rem "Exo 2",sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--run)}
footer ul{list-style:none;margin:0;padding:0}footer li{margin:3px 0}
.pager{display:flex;justify-content:space-between;gap:10px;margin:20px 0;font-size:.95rem}
@media (max-width:920px){.stage .wrap,.cols,.two{grid-template-columns:1fr}footer .wrap{grid-template-columns:1fr}}
@media (max-width:560px){body{font-size:16px}h1{font-size:1.6rem}.onair{margin-left:0}.grid li{grid-template-columns:3.2em 1fr auto}.grid li .pg{display:none}}
.note-host{background:var(--card);border-left:4px solid #f2c230;border-radius:0 6px 6px 0;padding:10px 16px;margin:18px 0 8px}
.note-host h3{margin:0 0 4px;font-size:1rem}.note-host p{margin:4px 0}.note-host .note{text-align:right;font-style:italic}