/* Грузовая Сводка — десктоп-страница выпуска (вёрстка v4 «Журнальный разворот», выбрана Денисом 28.09.2026).
   Токены — из render.py (палитра Сводки), шрифты — /assets/svodka-fonts.css. Разметку отдаёт tma/svodka_web.py. */

:root{color-scheme:light;
--bg:#E5E9EC;--surface:#FFFFFF;--surface-2:#E8EDF1;--ink:#17212B;--muted:#5B6B78;--line:#CDD6DD;
--signal:#CF5A2C;--signal-soft:#FBF1E2;--steel:#223240;--steel-soft:#E1E8EE;--on-steel:#FFFFFF;
--good:#2E7D5B;--good-soft:#E3F4EE;--bar:#17212B;--bar-ink:#F2F4F6;
--f-d:"Oswald","Arial Narrow",system-ui,sans-serif;--f-b:"PT Sans",-apple-system,"Segoe UI",system-ui,sans-serif;
--f-m:"IBM Plex Mono",ui-monospace,Menlo,monospace;--gut:clamp(16px,2.6vw,48px);
--ico-duo:var(--signal);--ico-duo-o:.22}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;
--bg:#12181D;--surface:#17212B;--surface-2:#1E2A33;--ink:#E8EDF1;--muted:#95A5B2;--line:#2C3A45;
--signal:#E8A04E;--signal-soft:#36271A;--steel:#8FB6D0;--steel-soft:#1C2A36;--on-steel:#12181D;
--good:#63BE8C;--good-soft:#18302A;--bar:#0B1116;--bar-ink:#E8EDF1}}
:root[data-theme="dark"]{color-scheme:dark;
--bg:#12181D;--surface:#17212B;--surface-2:#1E2A33;--ink:#E8EDF1;--muted:#95A5B2;--line:#2C3A45;
--signal:#E8A04E;--signal-soft:#36271A;--steel:#8FB6D0;--steel-soft:#1C2A36;--on-steel:#12181D;
--good:#63BE8C;--good-soft:#18302A;--bar:#0B1116;--bar-ink:#E8EDF1}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 var(--f-b)}
h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.ico{width:18px;height:18px;flex:none}
.lbl{font:600 11px/1.2 var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.src{font:500 12.5px/1.4 var(--f-m);color:var(--muted)}
.note{font-size:14px;color:var(--muted)}
.hidden{display:none!important}
/* цифры в плашках: знак ▲/▼ и подпись «рост/спад» — не только цвет */
.bds{display:flex;flex-wrap:wrap;gap:6px}
.bd{display:inline-flex;align-items:baseline;gap:5px;font:600 12.5px/1 var(--f-m);padding:5px 8px 5px 7px;border-radius:3px;font-variant-numeric:tabular-nums;white-space:nowrap}
.bd i{font-style:normal;font-size:10px}
.bd small{font:500 10px/1 var(--f-m);letter-spacing:.06em;text-transform:uppercase;opacity:.85}
.bd.up{background:var(--good-soft);color:var(--good)}
.bd.down{background:var(--steel-soft);color:var(--steel);box-shadow:inset 0 0 0 1px var(--line)}
.mine{display:inline-flex;align-items:center;font:600 11px/1 var(--f-m);letter-spacing:.07em;text-transform:uppercase;color:var(--signal);background:var(--signal-soft);padding:5px 7px;border-radius:3px}
.tags{display:flex;flex-wrap:wrap;gap:5px}
.tags span{font:600 11px/1 var(--f-m);padding:5px 7px;border-radius:3px;background:var(--steel-soft);color:var(--steel);text-transform:uppercase;letter-spacing:.04em}
.save,.share,.theme{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:6px;border:1px solid var(--line);background:var(--surface);color:var(--muted);flex:none}
.save:hover,.share:hover,.theme:hover{color:var(--ink);border-color:var(--muted)}
.save[aria-pressed="true"]{color:var(--signal);border-color:var(--signal)}
.save .on{display:none}.save[aria-pressed="true"] .on{display:block}.save[aria-pressed="true"] .off{display:none}
.golink{display:inline-flex;align-items:center;gap:6px;font:500 12.5px/1 var(--f-m);text-decoration:none;padding:9px 11px;border-radius:5px;background:var(--surface-2);border:1px solid var(--line)}
.golink:hover{border-color:var(--muted)}
.golink .ico{width:15px;height:15px}
/* отзывы: одна тихая строка, без рамок; счётчик — только если >0 */
.fb{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;color:var(--muted)}
.fb .g{display:inline-flex;align-items:center;gap:1px}
.fb .q{font:500 11px/1 var(--f-m);letter-spacing:.06em;text-transform:uppercase;margin-right:5px}
.rx{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:4px;border:1px solid transparent;font:500 13px/1 var(--f-b);color:var(--muted)}
.rx .ico{width:15px;height:15px}
.rx:hover{background:var(--surface-2);color:var(--ink)}
.rx[aria-pressed="true"]{color:var(--steel);border-color:var(--steel);background:var(--steel-soft)}
.rx .k{font:600 11px/1 var(--f-m)}
.rx .k:empty{display:none}
.meter{height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}
.meter span{display:block;height:100%;background:var(--good)}
.flt{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:5px;font:500 14px/1.1 var(--f-b);color:var(--ink);text-align:left}
.flt .ico{width:17px;height:17px;color:var(--muted)}
.flt .k{font:600 11.5px/1 var(--f-m);color:var(--muted);margin-left:auto;padding-left:8px}
.flt:hover{background:var(--surface-2)}
.flt[aria-pressed="true"]{background:var(--steel);color:var(--on-steel)}
.flt[aria-pressed="true"] .k,.flt[aria-pressed="true"] .ico{color:var(--on-steel)}
.fcount{font:500 12px/1 var(--f-m);color:var(--muted)}
.chartnote{margin-top:10px;font:500 12.5px/1.4 var(--f-m);color:var(--muted)}
.btns{display:flex;flex-wrap:wrap;gap:10px}
.btns a{text-decoration:none;font:700 15px/1 var(--f-b);padding:13px 17px;border-radius:6px;background:var(--steel);color:var(--on-steel)}
.srcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:6px 22px;margin-top:10px}
.srcs div{font:500 12.5px/1.45 var(--f-m);color:var(--muted)}
.srcs b{color:var(--ink);font-weight:600}
.srcs .no b::before{content:"✕ ";color:var(--signal)}
.srcs .ok b::before{content:"✓ ";color:var(--good)}
.demo{font:500 12px/1.4 var(--f-m);color:var(--muted)}

:root{--topH:56px}
/* 1. Шапка во всю ширину, прилипает; под ней прилипает полоса рубрик — вместе ≤ 110 px */
.tbar{position:sticky;top:0;z-index:20;height:var(--topH);display:flex;align-items:center;gap:14px 26px;padding:0 var(--gut);
 background:var(--bar);color:var(--bar-ink);border-bottom:2px solid var(--signal);box-shadow:0 2px 10px rgba(0,0,0,.18)}
.tbar h1{font:700 clamp(22px,1.7vw,28px)/1 var(--f-d);text-transform:uppercase;white-space:nowrap}
.tbar h1 em{font-style:normal;color:var(--signal)}
.tbar .iss{flex:1;min-width:0;font:500 12.5px/1.3 var(--f-m);color:#8FA0AE;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tbar .theme{background:transparent;border-color:#33434F;color:#B4C0CA}
.strip{position:sticky;top:var(--topH);z-index:19;display:flex;flex-wrap:nowrap;align-items:center;gap:4px;height:48px;overflow-x:auto;scrollbar-width:none;
 background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 2px 8px rgba(0,0,0,.06);padding:0 var(--gut)}
.strip::-webkit-scrollbar{display:none}
.strip .flt{white-space:nowrap;padding:6px 9px}
.strip .sep{flex:none;width:1px;height:22px;background:var(--line);margin-inline:6px}
.strip .week{margin-left:auto;flex:none;display:flex;align-items:center;gap:10px;padding-left:14px}
.strip .week .meter{width:80px}
.strip .wk-t{font:500 12.5px var(--f-m);color:var(--muted);white-space:nowrap}
.strip .week .lbl{display:none}
[data-item]{scroll-margin-top:120px}
/* 2. Разворот: цифра вдвое меньше, под ней — оглавление номера, без пустоты */
.spread{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.cover{background:var(--bar);color:var(--bar-ink);padding:30px var(--gut) 30px;display:flex;flex-direction:column;gap:12px}
.cover .fig{font:700 clamp(84px,8.6vw,160px)/.85 var(--f-d);color:var(--signal);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.cover .cap{font:400 clamp(20px,1.6vw,26px)/1.3 var(--f-b);max-width:30ch}
.cover .src{color:#8FA0AE}
.cover .golink{background:transparent;border-color:#33434F;color:var(--bar-ink);align-self:flex-start}
.cover .chartnote{color:#8FA0AE;margin-top:0}
.cover .week{display:grid;gap:6px;max-width:360px;margin-top:6px}.cover .week .lbl{color:#8FA0AE}.cover .wk-t{font-size:14.5px}
.cover .week .meter{background:#26333D;box-shadow:none}
.cover .toc{margin-top:auto;border-top:1px solid #33434F;padding-top:12px}
.cover .toc .lbl{color:#8FA0AE}
.cover .toc ol{list-style:none;margin:6px 0 0;padding:0;display:grid}
.cover .toc a{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid #26333D;text-decoration:none;font-size:15px;line-height:1.3;color:var(--bar-ink)}
.cover .toc a b{font:600 20px/1 var(--f-d);color:var(--signal)}
.cover .toc a:hover span{text-decoration:underline}
.open{background:var(--surface);padding:30px clamp(22px,3vw,56px) 28px;display:flex;flex-direction:column;gap:14px}
.kick{display:flex;align-items:center;justify-content:space-between;gap:10px}
.kick .k{font:600 13px/1 var(--f-m);color:var(--signal);letter-spacing:.06em;text-transform:uppercase;display:inline-flex;gap:8px;align-items:center}
.open h2{font:600 clamp(32px,2.9vw,52px)/1.06 var(--f-d)}
.open .lede{font-size:18px;line-height:1.55}
.meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.take{background:var(--good-soft);border-left:4px solid var(--good);padding:14px 16px;font-size:17px}
.take .lbl{color:var(--good);display:block;margin-bottom:5px}
.act{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px}
.act .ra{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.open .act{margin-top:auto}
/* 1. Отзывы: вопрос — приглушённая метка, ответы — тонированные кнопки, выбранный — залитый */
.fb{gap:8px 22px}
.fb .g{gap:6px}
.fb .q{color:var(--muted);margin-right:4px}
.fb .rx{border:1px solid color-mix(in srgb,var(--steel) 35%,transparent);background:var(--steel-soft);color:var(--steel);font:700 13.5px/1 var(--f-b);padding:7px 11px;border-radius:5px}
.fb .rx .ico{width:14px;height:14px}
.fb .rx:hover{border-color:var(--steel);background:var(--steel-soft);color:var(--steel)}
.fb .rx[aria-pressed="true"]{background:var(--steel);border-color:var(--steel);color:var(--on-steel)}
.fb .rx .k{font:600 11px/1 var(--f-m);padding:2px 5px;border-radius:3px;background:var(--surface);color:var(--steel)}
.fb .rx[aria-pressed="true"] .k{background:transparent;color:var(--on-steel)}
.cons{font:500 11.5px/1.4 var(--f-m);color:var(--muted);width:100%}
.cons a{color:var(--muted);text-underline-offset:2px}
.feat{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0 clamp(24px,3vw,56px);padding:40px var(--gut);border-bottom:1px solid var(--line)}
.feat:nth-of-type(even){background:var(--surface)}
.feat .l{display:flex;flex-direction:column;gap:12px}
.feat .big{font:700 clamp(64px,6vw,110px)/.85 var(--f-d);color:var(--line)}
.feat h3{font:600 clamp(26px,2.2vw,40px)/1.1 var(--f-d)}
.feat .r{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 30px;align-content:start}
.feat .r p{font-size:16.5px}
.feat .r .take{font-size:16px}
.feat .r .act,.feat .r .note{grid-column:1/-1}
.feat .r .cons{font-size:11.5px}
.sub{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px clamp(24px,3vw,56px);align-items:center;background:var(--bar);color:var(--bar-ink);padding:34px var(--gut)}
.sub h2{font:700 clamp(30px,3vw,48px)/1 var(--f-d);text-transform:uppercase}
.sub p{color:#B4C0CA;margin-bottom:14px}
.sub .btns a{background:var(--signal);color:#fff}
.sub .cons{color:#8FA0AE;margin-top:12px}.sub .cons a{color:#B4C0CA}
/* 4. Футер: источники, правовой блок, оператор */
.foot{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:22px clamp(24px,3vw,56px);padding:26px var(--gut) 90px;border-top:1px solid var(--line)}
.legal{display:flex;flex-direction:column;gap:10px}
.legal nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.legal nav a{font:600 14px/1.3 var(--f-b);text-underline-offset:3px}
.legal p{font-size:14px;color:var(--muted)}
.legal .stub{font:500 11.5px/1.4 var(--f-m);color:var(--signal)}
.cookie{position:fixed;left:var(--gut);right:var(--gut);bottom:16px;z-index:30;max-width:980px;margin-inline:auto;display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;
 background:var(--surface);color:var(--ink);border:1px solid var(--line);border-left:4px solid var(--steel);border-radius:8px;padding:12px 14px 12px 16px;box-shadow:0 6px 24px rgba(0,0,0,.18)}
.cookie p{flex:1;min-width:260px;font-size:14px}
.cookie button{font:700 14px/1 var(--f-b);padding:10px 16px;border-radius:6px;background:var(--steel);color:var(--on-steel)}
@media (max-width:1150px){.feat .r{grid-template-columns:1fr}.tbar .iss .x{display:none}}
@media (max-width:1460px){.strip .week{display:none}}
@media (max-width:900px){.spread,.feat,.sub,.foot{grid-template-columns:1fr}.tbar .iss{display:none}.tbar .brand{margin-right:auto}}

/* ── архив ── */
.tbar .arlink{display:inline-flex;align-items:center;gap:7px;font:600 13px/1 var(--f-m);letter-spacing:.05em;text-transform:uppercase;color:var(--bar-ink);text-decoration:none;padding:9px 12px;border:1px solid #33434F;border-radius:6px;white-space:nowrap}
.tbar .arlink:hover{border-color:#8FA0AE}
.tbar .arlink .ico{width:16px;height:16px}
body:has(#arhiv:target) .tbar .arlink[href="#arhiv"]{background:var(--signal);border-color:var(--signal);color:#fff}
.arch{display:none;padding:28px var(--gut) 40px;min-height:calc(100vh - var(--topH));scroll-margin-top:var(--topH)}
#arhiv:target{display:block}
body:has(#arhiv:target) .page,body:has(#arhiv:target) .strip{display:none}
.arch-hd{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 30px;border-bottom:2px solid var(--ink);padding-bottom:14px}
.arch-hd h2{font:700 clamp(32px,3.2vw,56px)/1 var(--f-d);text-transform:uppercase;margin-top:4px}
.arch-sub{color:var(--muted);margin-top:8px}
.arch-ctl{display:grid;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}
.arch-ctl .row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.arch-ctl .row>.lbl{min-width:70px}
.mos,.wks,.fl{display:flex;flex-wrap:wrap;gap:4px}
.mo,.wk{font:600 14px/1 var(--f-b);padding:9px 13px;border-radius:5px;border:1px solid var(--line);background:var(--surface);text-transform:capitalize}
.wk{font:500 13px/1 var(--f-m);text-transform:none;padding:8px 11px}
.mo:hover,.wk:hover{border-color:var(--muted)}
.mo[aria-pressed="true"],.wk[aria-pressed="true"]{background:var(--steel);border-color:var(--steel);color:var(--on-steel)}
.srch{margin-left:auto;display:flex;align-items:center;gap:8px;min-width:min(100%,340px);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:0 10px;color:var(--muted)}
.srch input{flex:1;border:0;background:none;font:15px/1 var(--f-b);color:var(--ink);padding:10px 0;outline:none}
.srch:focus-within{border-color:var(--steel)}
.arch-cnt{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 0 12px}
.acount{font:500 13px/1 var(--f-m);color:var(--muted)}
.demo-t{font:500 12.5px/1 var(--f-m);color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.demo-t[aria-pressed="true"]{color:var(--signal)}
.arch .stub,.arch-empty{font:500 12px/1.4 var(--f-m);color:var(--signal);margin-top:16px}
.arch-empty{color:var(--muted);font-size:14px}
/* карточка-обложка выпуска */
.ics{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:16px}
.ics.big{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr))}
.ic{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;text-decoration:none;border:1px solid var(--line);background:var(--surface);transition:transform .12s,box-shadow .12s}
.ic:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.14)}
.ic[hidden]{display:none}
/* верх обложки — жёсткие зоны: мета 22 px · цифра (одна высота во всех карточках) · подпись на 2 строки */
.ic{--icv:clamp(46px,3.6vw,64px)}
.ic-top{background:var(--bar);color:var(--bar-ink);padding:14px 16px 16px;display:grid;grid-template-rows:22px var(--icv) calc(14px * 1.3 * 2);row-gap:12px;align-content:start}
.ic-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:0;font:500 11.5px/1 var(--f-m);color:#8FA0AE;text-transform:uppercase;letter-spacing:.06em}
.ic-v{font:700 var(--icv)/1 var(--f-d);height:var(--icv);color:var(--signal);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ic-c{font-size:14px;line-height:1.3;color:#C9D2D9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ic-b{padding:12px 16px 14px;display:flex;flex-direction:column;gap:8px;flex:1}
.ic-b ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.ic-b li{font:700 14.5px/1.3 var(--f-b);padding-left:12px;position:relative;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ic-b li::before{content:"";position:absolute;left:0;top:.5em;width:5px;height:5px;background:var(--signal);border-radius:1px}
.ic-dots{margin-top:auto;display:flex;flex-wrap:wrap;gap:4px 12px;padding-top:6px;border-top:1px solid var(--line)}
.ic-dots span{display:inline-flex;align-items:center;gap:5px;font:500 11.5px/1.2 var(--f-m);color:var(--muted)}
.ic-dots .ico{width:14px;height:14px}
.ic.cur{border-color:var(--signal);box-shadow:0 0 0 1px var(--signal)}
.ic-now,.ic-demo{flex:none;font:600 10.5px/1 var(--f-m);letter-spacing:.07em;text-transform:uppercase;padding:5px 7px;border-radius:3px;background:var(--signal);color:#fff}
.ic-demo{background:transparent;border:1px dashed #8FA0AE;color:#8FA0AE}
.ic.demo .ic-top{background:repeating-linear-gradient(135deg,var(--bar) 0 12px,#26333D 12px 13px)}
.ic.demo .ic-v{color:#5B6B78}
.ic.demo .ic-b li{color:var(--muted);font-weight:400}
/* блок внизу выпуска */
.prev{padding:36px var(--gut) 38px;border-top:1px solid var(--line)}
.prev-hd{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-bottom:16px}
.prev-hd h2{font:700 clamp(26px,2.4vw,40px)/1 var(--f-d);text-transform:uppercase}
.prev .ics{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
@media (max-width:1100px){.tbar .arlink span{display:none}}

/* ── прод-добавки к макету (28.09.2026) ── */
html{scroll-behavior:smooth}
/* Знак и название на одной линии: корпус знака — от верха заглавных до базовой линии, полоса-подчерк уходит ниже.
   В знаке 75 единиц: корпус 0–47, янтарная полоса 56–61, серая 70–73; 61/75 высоты = высота заглавных Oswald (0,668 em, замер 28.09.2026). */
.tbar .brand{flex:none;display:flex;align-items:baseline;gap:14px}
.tbar .logo{flex:none;display:block;line-height:0;font:700 clamp(22px,1.7vw,28px)/1 var(--f-d)}
.tbar .logo .mark{display:block;width:auto;height:.82em;position:relative;top:.153em}
.tbar h1 a{color:inherit}
.tbar{gap:12px 18px}
.dim{opacity:.45}
.img{margin:0}.img img{width:100%;border-radius:6px;display:block}.img figcaption{font:500 11.5px/1.4 var(--f-m);color:var(--muted);margin-top:4px}
.xtra{display:flex;flex-wrap:wrap;gap:8px;grid-column:1/-1}
.quizl{padding:18px var(--gut);border-bottom:1px solid var(--line)}
.wk-open h2{margin-bottom:4px}
.wrows{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px}
.wr{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.wr .wl{font-size:14.5px}
.wr .wv{font:700 clamp(26px,2.2vw,36px)/1 var(--f-d);font-variant-numeric:tabular-nums}
.wr .wd{font:500 12.5px/1.3 var(--f-m);color:var(--muted)}
.wr .ws{font:500 11.5px/1.3 var(--f-m);color:var(--muted);margin-top:auto}
.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;z-index:40;
 background:var(--steel);color:var(--on-steel);font:700 14px/1.3 var(--f-b);padding:11px 16px;border-radius:8px;transition:opacity .2s,transform .2s;max-width:min(92vw,520px)}
.toast.on{opacity:1;transform:translateX(-50%) translateY(0)}
.mine.hidden{display:none}
/* телефон и планшет: одна колонка, шапка в одну строку, полоса рубрик прокручивается вбок */
@media (max-width:768px){
 :root{--topH:52px}
 .tbar{gap:8px}

 .tbar h1{font-size:20px}
 .tbar .arlink{padding:8px 9px}
 .strip{height:46px}
 .cover{padding:22px var(--gut)}
 .cover .fig{font-size:clamp(64px,20vw,96px)}
 .open{padding:22px var(--gut)}
 .open h2{font-size:clamp(26px,7vw,34px)}
 .feat{padding:26px var(--gut);gap:14px}
 .feat .big{font-size:56px}
 .feat .r{grid-template-columns:1fr}
 .fb{gap:8px 14px}
 .act .ra{width:100%}
 .foot{padding-bottom:120px}
 .cookie{left:12px;right:12px;bottom:12px}
 .arch-hd h2{font-size:30px}
 .srch{margin-left:0;width:100%}
}
@media (max-width:420px){.tbar h1{font-size:17px}.tbar .arlink{display:none}.tbar .arlink[href="#arhiv"]{display:inline-flex}}