/* 147-й — основной стиль. Правка 2024: таблицы журнала плотнее, моноширинное время */
@font-face{font-family:"Istok Web";src:url(/static/fonts/istok-web-cyrillic-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Istok Web";src:url(/static/fonts/istok-web-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Istok Web";src:url(/static/fonts/istok-web-cyrillic-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Istok Web";src:url(/static/fonts/istok-web-latin-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Istok Web";src:url(/static/fonts/istok-web-cyrillic-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Ubuntu Mono";src:url(/static/fonts/ubuntu-mono-cyrillic-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Ubuntu Mono";src:url(/static/fonts/ubuntu-mono-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Ubuntu Mono";src:url(/static/fonts/ubuntu-mono-cyrillic-700-normal.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}

:root{--paper:#F6F5F0;--ink:#22262B;--rule:#C9CCC4;--slate:#38445A;--slate2:#E3E6EA;--amber:#D69E17;--amberbg:#FBF1D3;--red:#A8322A;--mut:#6A6F75}
*{box-sizing:border-box}
html{background:#DADCD6}
body{margin:0;background:#DADCD6;color:var(--ink);font:14px/1.45 "Istok Web",Tahoma,Arial,sans-serif}
a{color:#1F4E8C}
a:visited{color:#5B3F7A}
a:hover{color:var(--red)}
.wrap{max-width:1180px;margin:0 auto;background:var(--paper);border-left:1px solid #BFC2BA;border-right:1px solid #BFC2BA;min-height:100vh}
.topline{background:var(--slate);color:#D9DEE6;font-size:12px;padding:4px 14px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.topline a{color:#fff}
.mast{display:flex;align-items:flex-end;gap:14px;padding:12px 14px 0;border-bottom:3px solid var(--slate)}
.mast .logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);padding-bottom:8px}
.mast .logo svg{flex:none}
.mast .logo b{font-size:25px;letter-spacing:.5px;display:block;line-height:1}
.mast .logo small{display:block;color:var(--mut);font-size:12px;margin-top:3px}
.tabs{display:flex;flex-wrap:wrap;margin:0 0 -3px auto;padding:0;list-style:none}
.tabs li a{display:block;padding:6px 8px 5px;margin-left:2px;background:var(--slate2);border:1px solid var(--rule);border-bottom:3px solid var(--slate);text-decoration:none;color:var(--ink);font-size:13px}
.tabs li a:hover{background:#fff}
.tabs li.on a{background:var(--paper);border-color:var(--slate);border-bottom-color:var(--paper);font-weight:700}
.crumbs{font-size:12px;color:var(--mut);padding:6px 14px;border-bottom:1px dotted var(--rule)}
.crumbs a{color:var(--mut)}
.cols{display:grid;grid-template-columns:minmax(0,1fr) 262px;gap:0}
.main{padding:10px 16px 24px;min-width:0}
.side{border-left:1px solid var(--rule);background:#EFEEE8;padding:10px 12px 20px;font-size:13px}
.side h3{font-size:12px;text-transform:uppercase;letter-spacing:.6px;margin:14px 0 5px;color:var(--slate);border-bottom:1px solid var(--rule);padding-bottom:2px}
.side h3:first-child{margin-top:2px}
.side ul{margin:0;padding-left:16px}
.side li{margin:2px 0}
.one{padding:10px 16px 24px;max-width:860px}
h1{font-size:21px;margin:4px 0 8px;font-weight:700}
h2{font-size:16px;margin:18px 0 6px;padding:3px 6px;background:var(--slate2);border-left:4px solid var(--slate)}
h3{font-size:14.5px;margin:14px 0 4px}
p{margin:6px 0 9px}
.mut{color:var(--mut)}
.sm{font-size:12px}
.mono,code,td.t,td.n{font-family:"Ubuntu Mono",Consolas,monospace}
code{background:#ECEAE2;padding:0 3px}
table.j{border-collapse:collapse;width:100%;font-size:13px;margin:6px 0 12px;background:#fff}
table.j th{background:var(--slate);color:#fff;font-weight:400;text-align:left;padding:3px 6px;font-size:12px;white-space:nowrap}
table.j td{border:1px solid #D9DBD4;padding:2px 6px;vertical-align:top}
table.j tr:nth-child(even) td{background:#F7F7F3}
table.j td.t{white-space:nowrap;font-size:14px}
table.j td.n{white-space:nowrap}
table.j tr.rare td{background:var(--amberbg)}
table.j tr.off td{color:var(--mut);font-style:italic;background:#EEEDE8}
.tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.dir{display:inline-block;font-family:"Ubuntu Mono",monospace;font-size:12px;padding:0 4px;border:1px solid var(--rule);background:#F2F2EE}
.dir.ch{border-color:#9FB0C9}
.tag{font-size:11px;padding:0 4px;background:var(--amber);color:#2B2100;border-radius:2px;white-space:nowrap}
.note{background:var(--amberbg);border:1px solid #E6CF8A;padding:6px 10px;margin:8px 0;font-size:13px}
.box{border:1px solid var(--rule);background:#fff;padding:8px 10px;margin:8px 0}
.legend{font-size:12px;color:var(--mut)}
.legend span{margin-right:12px}

/* плеер */
.pl{position:relative;background:#111;aspect-ratio:16/9;max-width:100%}
.pl video{width:100%;height:100%;display:block;background:#111}
.pl .osd{position:absolute;right:8px;top:8px;font:13px "Ubuntu Mono",monospace;color:#fff;background:rgba(0,0,0,.45);padding:1px 6px;pointer-events:none}
.pl .err{position:absolute;left:0;right:0;bottom:44px;text-align:center;color:#fff;font-size:13px;display:none}
.plbar{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:12.5px;background:#E9E8E1;border:1px solid var(--rule);border-top:0;padding:4px 8px}
.plbar select{font:inherit;font-size:12px}
.meta{font-size:13px;margin:8px 0}
.meta td{padding:1px 10px 1px 0;vertical-align:top}
.meta td:first-child{color:var(--mut);white-space:nowrap}

/* ролики: карточки разного размера, не ровная сетка */
.cards{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0}
.card{width:206px;font-size:12.5px;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--rule);padding:4px}
.card.wide{width:424px}
.card img{display:block;width:100%;height:auto;background:#999}
.card b{display:block;margin:4px 0 1px;font-size:13px;color:#1F4E8C}
.card .d{color:var(--mut)}
.card .len{float:right;font-family:"Ubuntu Mono",monospace;background:#222;color:#fff;padding:0 4px;font-size:12px}
.mini{display:flex;gap:8px;margin:6px 0;font-size:12.5px}
.mini img{width:96px;height:54px;flex:none;object-fit:cover;background:#999}

/* архив по месяцам */
table.cal{border-collapse:collapse;font-size:13px;margin:6px 0 12px}
table.cal th,table.cal td{border:1px solid var(--rule);padding:3px 7px;text-align:center;min-width:54px}
table.cal th{background:var(--slate2);font-weight:400}
table.cal td.y{font-weight:700;background:var(--slate2)}
table.cal td.no{color:#9A9C98;background:#ECEBE6}
table.cal td a{display:block;text-decoration:none}

.post{border-bottom:1px dotted var(--rule);padding:6px 0 8px}
.post h3{margin:2px 0}
.post .by{font-size:12px;color:var(--mut)}
.art{max-width:760px}
.art blockquote{margin:8px 0;padding:4px 10px;border-left:3px solid var(--rule);color:#444;background:#F1F0EA}
.art ul,.art ol{padding-left:22px}
.upd{font-size:12.5px;background:#EEF1F5;border-left:3px solid #8FA2C0;padding:4px 8px;margin:10px 0}
.pager{display:flex;justify-content:space-between;gap:10px;font-size:13px;border-top:1px solid var(--rule);margin-top:16px;padding-top:6px}

form.f label{display:block;margin:8px 0 2px;font-size:13px}
form.f input[type=text],form.f input[type=email],form.f select,form.f textarea{font:inherit;width:100%;max-width:460px;padding:4px 6px;border:1px solid #A9ADA6;background:#fff}
form.f textarea{height:120px}
form.f .chk{display:flex;gap:6px;align-items:flex-start;font-size:12.5px;max-width:520px}
form.f button{margin-top:10px;font:inherit;padding:4px 16px;background:var(--slate);color:#fff;border:1px solid #222B3A;cursor:pointer}

.foot{border-top:3px solid var(--slate);padding:10px 14px 16px;font-size:12px;color:var(--mut);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;background:#EFEEE8}
.foot a{color:var(--mut)}

@media (max-width:900px){
 .cols{grid-template-columns:1fr}
 .side{border-left:0;border-top:1px solid var(--rule)}
 .tabs{margin-left:0}
 .mast{flex-wrap:wrap}
}
@media (max-width:560px){
 body{font-size:15px}
 .main,.one{padding:8px 10px 20px}
 .tabs li a{padding:5px 7px;font-size:13px}
 .card,.card.wide{width:calc(50% - 6px)}
 .mast .logo b{font-size:21px}
 table.j{font-size:12.5px}
}

/* эфиры (добавлено 10.2025) */
.tabs li.live a::before{content:"";display:inline-block;width:7px;height:7px;background:var(--red);margin-right:5px;vertical-align:1px}
.chan{margin:6px 0 4px}
.chhead{display:flex;justify-content:space-between;gap:8px;align-items:baseline;background:var(--slate);color:#fff;padding:3px 8px;font-size:13px}
.chhead .sm{font-size:12px;color:#D9DEE6}
.chan .now{margin:3px 0 0}
.chgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0}
.chan.small .plbar a{display:none}
.homelive{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px;margin:8px 0 4px;align-items:start}
.homelive .hl2{font-size:13px}
@media (max-width:700px){.chgrid,.homelive{grid-template-columns:1fr}}
form.f .hp{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}
.err-msg{color:var(--red)}