/* «Изобата». Alegreya Sans (интерфейс) + Alegreya (текст), OFL, локально. */
@font-face{font-family:"Alegreya Sans";src:url(/static/fonts/alegreya-sans-regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Alegreya Sans";src:url(/static/fonts/alegreya-sans-medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Alegreya Sans";src:url(/static/fonts/alegreya-sans-bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Alegreya";src:url(/static/fonts/alegreya-var.woff2) format("woff2");font-weight:400 800;font-display:swap}
@font-face{font-family:"Alegreya";src:url(/static/fonts/alegreya-italic-var.woff2) format("woff2");font-weight:400 800;font-style:italic;font-display:swap}
:root{--bg:#f4f7f6;--ink:#10262f;--mut:#5b7078;--teal:#0f4c5c;--coral:#c8553d;--line:#d3dfdf}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.5 "Alegreya",Georgia,serif}
a{color:var(--teal)}
a:hover{color:var(--coral)}
h1,h2,.hd,.ft,.m,.cr,table,.lead,.frm,.cd,.zn,.tk,.qs,figcaption,.ud{font-family:"Alegreya Sans",system-ui,sans-serif}
h1{font-size:2rem;line-height:1.15;margin:.2em 0 .4em;font-weight:700}
h1 .r{font-weight:400;color:var(--mut);font-size:1.3rem}
h2{font-size:1.25rem;margin:1.5em 0 .5em;font-weight:700;color:var(--teal)}
.vh{position:absolute;left:-9999px}
.hd{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem 1.2rem;padding:.8rem 1.4rem;background:var(--teal);color:#e3f2f3}
.brand{display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-size:1.45rem}
.logo{width:28px;height:28px;align-self:center}
.tl{color:#a9d2d8;font-size:.95rem}
.hd nav{display:flex;flex-wrap:wrap;gap:.2rem 1rem;margin-left:auto;font-size:1rem}
.hd nav a{color:#e3f2f3;text-decoration:none}
.hd nav a.on{color:#fff;box-shadow:inset 0 -2px 0 #f0a58f}
.hd nav a:hover{color:#fff}
main{max-width:1180px;margin:0 auto;padding:1rem 1.4rem 3rem}
.lead{font-size:1.1rem;color:#24414b;max-width:48rem}
.m{color:var(--mut);font-size:.88rem}
.cr{font-size:.9rem;margin:0 0 .4rem;color:var(--mut)}
.cr a{color:var(--mut)}
/* главная: шкала */
.home{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:2rem}
.shk{position:relative;border-radius:4px;margin:.6rem 0 0;overflow:hidden}
.zn{position:absolute;left:0;right:0;border-top:1px solid rgba(16,38,47,.25);padding:.35rem .7rem 0 76px;font-size:.95rem;pointer-events:none}
.zn a{pointer-events:auto;font-weight:700;color:#0d3340;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}
.zn span{color:#24515f;font-size:.85rem}
.zn.dk{border-color:rgba(255,255,255,.18)}
.zn.dk a{color:#cfe8ec}.zn.dk span{color:#8fb7c0}
.tk{position:absolute;left:0;width:64px;border-top:1px solid rgba(16,38,47,.35);font-size:.78rem;color:#0d3340;text-align:right;padding-right:.35rem}
.tk span{position:relative;top:-.62rem;background:inherit}
.hm .tk:nth-last-child(n){mix-blend-mode:normal}
.cd{position:absolute;width:calc((100% - 92px) / 4 - 10px);height:150px;display:block;text-decoration:none;color:#0d2730;background:rgba(255,255,255,.82);border-radius:3px;overflow:hidden;font-size:.85rem;line-height:1.2}
.cd.l0{left:78px}.cd.l1{left:calc(78px + (100% - 92px) / 4)}.cd.l2{left:calc(78px + 2 * (100% - 92px) / 4)}.cd.l3{left:calc(78px + 3 * (100% - 92px) / 4)}
.cd.dk{background:rgba(5,22,31,.78);color:#dcecef}
.cd .ci{display:block;width:100%;height:84px;object-fit:cover;background:#7fa9b3}
.cd b{display:block;padding:.25rem .45rem 0;font-size:.8rem;color:var(--coral)}
.cd.dk b{color:#f0a58f}
.cd span{display:block;padding:0 .45rem;overflow:hidden;max-height:2.45em}
.cd:hover{outline:2px solid var(--coral)}
.rng{position:absolute;left:-1px;width:4px;background:var(--coral)}
.tk{z-index:1}
.side h2:first-child{margin-top:.3rem}
.rows{list-style:none;padding:0;margin:0}
.row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:.7rem;padding:.5rem 0;border-bottom:1px solid var(--line)}
.side .row{grid-template-columns:92px minmax(0,1fr)}
.row .th{width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;display:block;background:#9cbcc4}
.row .t{font:500 1rem/1.25 "Alegreya Sans",sans-serif;text-decoration:none;color:var(--ink)}
.row .t:hover{color:var(--coral)}
.row .m{margin:.2rem 0 0}
.plain{list-style:none;padding:0;margin:0}
.plain li{margin:.35rem 0}
.plain.big li{font-size:1.08rem;margin:.6rem 0}
/* запись */
.vtop{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:1rem;align-items:start}
.pl{margin:0}
.pl video{width:100%;aspect-ratio:16/9;background:#061219;display:block}
figcaption{display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:center;font-size:.92rem;padding:.45rem 0}
.qs button{font:inherit;border:1px solid var(--line);background:#fff;padding:.12rem .55rem;cursor:pointer;color:var(--ink)}
.qs button.on{background:var(--teal);color:#fff;border-color:var(--teal)}
.dl{font-weight:500}
.resume button{font:inherit;border:0;background:none;color:var(--coral);text-decoration:underline;cursor:pointer;padding:0}
.gauge{width:120px;height:300px;font:11px "Alegreya Sans",sans-serif;fill:#3d5560}
.vcols{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:2rem;margin-top:.6rem}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{text-align:left;vertical-align:top;padding:.35rem .5rem;border-bottom:1px solid var(--line)}
.facts th{width:8.5rem;color:var(--mut);font-weight:500}
.facts.narrow{max-width:36rem}
.ud a{display:block;margin:.3rem 0;text-decoration:none}
.tw{overflow-x:auto}
.lst td:first-child,.lst td:nth-child(5),.lst td:last-child{white-space:nowrap}
.srt th[data-k]{cursor:pointer;text-decoration:underline dotted}
.srt th.on{color:var(--coral)}
.txt{max-width:44rem}
.frm label{display:block;margin:.8rem 0;font-size:1rem}
.frm input,.frm select,.frm textarea{display:block;width:100%;font:17px "Alegreya",serif;padding:.4rem .5rem;margin-top:.2rem;border:1px solid #a9bfc2;background:#fff}
.frm .ck{display:flex;gap:.5rem;align-items:flex-start}
.frm .ck input{width:auto;margin-top:.35rem}
.frm .hp{position:absolute;left:-9999px}
.frm button{font:700 1rem "Alegreya Sans",sans-serif;background:var(--coral);color:#fff;border:0;padding:.5rem 1.3rem;cursor:pointer}
.ft{text-align:center;color:var(--mut);font-size:.9rem;border-top:1px solid var(--line);padding:1rem}
.ft a{color:var(--mut)}
@media (max-width:980px){.home,.vcols{grid-template-columns:1fr}.cd{width:calc((100% - 92px) / 2 - 10px)}}
/* телефон: шкала превращается в список по зонам (порядок в разметке — по глубине) */
@media (max-width:700px){
 body{font-size:17px}main{padding:.8rem .9rem 2rem}.hd{padding:.7rem .9rem}.tl{display:none}.hd nav{margin-left:0}
 .shk{height:auto!important;background:none!important;overflow:visible}
 .tk,.rng{display:none}
 .zn{position:static;height:auto!important;padding:.9rem 0 .3rem;border-top:2px solid var(--teal)}
 .zn.dk a,.zn a{color:var(--teal)}.zn.dk span,.zn span{color:var(--mut)}
 .cd,.cd.dk{position:static;width:auto;height:auto;display:grid;grid-template-columns:120px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:.6rem;background:none;color:var(--ink);margin:.5rem 0;border-radius:0}
 .cd .ci{grid-row:1/3;height:68px}.cd b,.cd span{padding:0}.cd span{max-height:none}.cd.dk b{color:var(--coral)}
 .vtop{grid-template-columns:1fr}.gw{display:none}h1{font-size:1.6rem}
}