/*
Theme Name: ИнтернетОпрос Ru
Theme URI: https://internetopros.info/
Description: Тема сайта о проекте ИнтернетОпрос (ООО «Тибурон»). Язык «Терминал пополнения»: синий экран в белом корпусе, плитки услуг, светодиодная строка и табло.
Version: 1.0.2
Author: ИнтернетОпрос Ru
Text Domain: internetopros
*/

/* Палитра снята кодом из объекта theme в internetopros.ru/static/js/main.js (24.09.2026):
   зелёный логотипа #6CBD45 (#559735, #407128, #95CE7A, нянза #E9FFDF), синий кнопки #6D87E6 (#4559BD, #E6EBFF),
   чернила #222222, серые #808080 / #ECEFF3, красный #FF1C1C. Экран — #4559BD, затемнённый до #3d51b6
   под белый текст (6,9:1). Радиусы офсайта 16 и 8; у нас 16 и 12. */
:root{
  --casing:#f4f6f9;
  --casing-2:#e8ecf2;
  --casing-3:#dde2ea;
  --sheet:#ffffff;
  --ink:#1d2433;
  --ink-2:#2b3345;
  --mut:#4a5263;
  --line:#dde2ea;
  --screen:#3d51b6;
  --screen-2:#4559bd;
  --bezel:#2e3d8c;
  --bezel-2:#202b66;
  --on-screen:#ffffff;
  --on-screen-2:#e3e8ff;
  --tile:#ffffff;
  --tile-ink:#23338a;
  --tile-sub:#4a5694;
  --tile-travel:#c7cff5;
  --chosen:#e9ffdf;
  --chosen-travel:#95ce7a;
  --led-bg:#0d130b;
  --led:#95ce7a;
  --led-hi:#d8ffc6;
  --led-dim:#8fb07f;
  --key:#6cbd45;
  --key-hi:#7bc957;
  --key-travel:#4c8f2c;
  --key-ink:#0f2208;
  --star:#f0a818;
  --f-text:'Huninn',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --f-dot:'DotGothic','Huninn',ui-monospace,monospace;
  --r:16px;
  --r-s:12px;
  --wrap:1440px;
  --g:clamp(16px,3vw,40px);
  --gap:clamp(28px,3.4vw,44px);
  --ease:cubic-bezier(.16,1,.3,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:16px;scrollbar-color:var(--screen) var(--casing-2)}
body{margin:0;background:var(--casing);color:var(--ink);font:400 17px/1.62 var(--f-text);font-synthesis-weight:none;text-rendering:optimizeLegibility;overflow-x:clip}
img,svg{display:block;max-width:100%}
a{color:var(--screen);text-decoration-thickness:1px;text-underline-offset:.22em}
a:hover{color:var(--bezel-2);text-decoration-thickness:2px}
b,strong{font-weight:400;color:var(--ink)}
::selection{background:var(--led);color:var(--led-bg)}
:focus-visible{outline:3px solid var(--key);outline-offset:3px;border-radius:6px}
h1,h2,h3{font-weight:400;margin:0;text-wrap:balance;letter-spacing:-.01em}
p{margin:0 0 1em}
.ico{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dg{font-family:var(--f-dot);font-variant-numeric:tabular-nums}
.skip{position:absolute;left:12px;top:-60px;z-index:50;background:var(--key);color:var(--key-ink);padding:10px 16px;border-radius:var(--r-s);text-decoration:none}
.skip:focus{top:12px}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:var(--g);padding-right:var(--g)}

/* ── Клавиша терминала — единственная реф-кнопка ── */
.key{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 20px;border-radius:var(--r);background:var(--key);color:var(--key-ink);font:400 17px/1.15 var(--f-text);text-decoration:none;white-space:nowrap;box-shadow:0 5px 0 var(--key-travel);transition:transform .12s var(--ease),box-shadow .12s var(--ease),background .2s}
.key:hover{background:var(--key-hi);color:var(--key-ink);text-decoration:none}
.key:active{transform:translateY(4px);box-shadow:0 1px 0 var(--key-travel)}
.key__ico{width:18px;height:18px;stroke-width:2.4}
.key__short{display:none}
.key--big{font-size:20px;padding:17px 28px;min-height:60px;border-radius:18px}

/* ── Корпус: шапка ── */
.casing{position:relative;z-index:20;background:var(--casing);border-bottom:1px solid var(--line)}
.casing__in{display:flex;align-items:center;gap:clamp(12px,2vw,28px);min-height:74px}
.brand{display:flex;align-items:center;gap:10px;min-width:0;color:var(--ink);text-decoration:none}
.brand:hover{color:var(--ink);text-decoration:none}
.brand__mark{width:36px;height:36px;flex:none}
.brand__w{font-size:23px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.brand__w span{color:var(--screen)}
.brand__w small{font-family:var(--f-dot);font-size:14px;margin-left:6px;padding:2px 6px;border-radius:6px;background:var(--led-bg);color:var(--led);vertical-align:3px}
.menu{display:flex;gap:4px;margin-left:clamp(0px,1vw,12px)}
.menu a{position:relative;padding:10px 12px;border-radius:10px;color:var(--mut);font-size:15.5px;text-decoration:none;white-space:nowrap}
.menu a:hover{background:var(--casing-2);color:var(--ink)}
.menu a[aria-current="page"]{color:var(--ink)}
.menu a[aria-current="page"]::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:3px;border-radius:2px;background:var(--key)}
.key--head{margin-left:auto;flex:none}
.burger{display:none;flex:none;width:48px;height:48px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--sheet);color:var(--ink);cursor:pointer;align-items:center;justify-content:center}
.burger .ico{width:22px;height:22px}
.burger .ico--x{display:none}
.casing.is-menu .burger .ico--m{display:none}
.casing.is-menu .burger .ico--x{display:block}
.drawer{display:none;border-top:1px solid var(--line);background:var(--casing)}
.drawer ul{list-style:none;margin:0 auto;padding-top:10px;padding-bottom:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.drawer a{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 14px;border-radius:var(--r-s);background:var(--sheet);border:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:17px}
.drawer a .ico{width:20px;height:20px;color:var(--screen)}
.drawer a[aria-current="page"]{background:var(--chosen);border-color:var(--chosen-travel)}
.casing.is-menu .drawer{display:block}

/* ── Экран ── */
.screen{padding:clamp(12px,1.6vw,22px) 0 var(--gap)}
.screen__glass{background:var(--screen);color:var(--on-screen);border-radius:28px;padding:clamp(14px,2.2vw,32px);box-shadow:inset 0 0 0 10px var(--bezel),inset 0 0 0 12px var(--bezel-2),0 30px 50px -34px rgba(20,28,60,.6);display:grid;grid-template-rows:auto 1fr auto;gap:clamp(18px,2.2vw,30px)}
.screen--home .screen__glass{min-height:min(calc(100svh - 110px),880px)}
.screen__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(22px,3.4vw,52px);align-items:center;padding:0 clamp(0px,.8vw,10px)}
.screen--inner .screen__body{grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr)}
.screen__copy h1{font-size:clamp(32px,3.9vw,62px);line-height:1.08;margin:0 0 20px;max-width:18ch}
.screen--inner .screen__copy h1{font-size:clamp(30px,3.2vw,52px);max-width:22ch}
.screen__copy h1 em{font-style:normal;color:var(--led-hi)}
.screen .lead{font-size:clamp(17px,1.3vw,20px);line-height:1.6;color:var(--on-screen-2);max-width:52ch;margin:0 0 26px}
.acts{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}
.plain{color:var(--on-screen);font-size:17px}
.plain:hover{color:var(--led-hi)}
.crumbs{display:flex;flex-wrap:wrap;gap:6px 10px;margin:0 0 14px;font-size:15px;color:var(--on-screen-2)}
.crumbs a{color:var(--on-screen)}
.crumbs a:hover{color:var(--led-hi)}

/* Светодиодная строка */
.led{display:flex;align-items:center;gap:18px;min-height:48px;padding:10px 18px;border-radius:var(--r-s);background:var(--led-bg);color:var(--led);overflow:hidden}
.led__h{flex:none;font-size:16px;letter-spacing:.06em;color:var(--led-hi);white-space:nowrap}
.led__run{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.led__t{display:flex;width:max-content;margin:0;font:400 17px/1.3 var(--f-dot);white-space:pre;animation:led 110s linear infinite}
.led:hover .led__t{animation-play-state:paused}
@keyframes led{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Плитки */
.tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tile{appearance:none;border:0;margin:0;font:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-height:150px;padding:20px 22px 18px;border-radius:var(--r);background:var(--tile);color:var(--tile-ink);text-decoration:none;box-shadow:0 6px 0 var(--tile-travel);transition:transform .12s var(--ease),box-shadow .12s var(--ease),background .2s}
.tile:hover{background:#f2f4ff;color:var(--tile-ink);text-decoration:none}
.tile:active{transform:translateY(5px);box-shadow:0 1px 0 var(--tile-travel)}
.tile[aria-selected="true"]{background:var(--chosen);box-shadow:0 6px 0 var(--chosen-travel)}
.tile__ico{width:32px;height:32px;color:var(--screen);margin-bottom:4px}
.tile strong{font-size:22px;line-height:1.2;color:var(--tile-ink)}
.tile small{font-size:15px;line-height:1.4;color:var(--tile-sub)}
.tile .num{margin-top:auto;padding-top:8px;font:400 27px/1 var(--f-dot);color:var(--screen);font-variant-numeric:tabular-nums}
.tile--static{cursor:default;box-shadow:0 6px 0 var(--casing-3);background:var(--casing)}
.tile--static:hover{background:var(--casing)}
.tile--static:active{transform:none;box-shadow:0 6px 0 var(--casing-3)}

/* Табло */
.readout{border-radius:var(--r-s);background:var(--led-bg);color:var(--led);font-family:var(--f-dot)}
.readout a{color:var(--led-hi)}
.readout a:hover{color:#fff}
.readout--tabs{margin-top:18px;padding:16px 20px;min-height:112px;font-size:17px;line-height:1.5}
.readout__p p{margin:0 0 8px}
.js .readout__p:not(.is-on){display:none}
.readout--facts{margin:0;padding:8px 20px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.readout--facts div{padding:12px 0;border-bottom:1px solid #26331f}
.readout--facts div:last-child{border-bottom:0}
.readout--facts dt{font:400 15px/1.3 var(--f-text);color:var(--led-dim)}
.readout--facts dd{margin:4px 0 0;font-size:21px;line-height:1.3;color:var(--led-hi);overflow-wrap:anywhere}
.readout--big{display:grid;place-items:center;min-height:220px;font-size:clamp(80px,10vw,150px);color:var(--led)}

/* Нижние экранные клавиши */
.soft{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}
.soft a{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:10px 18px;border-radius:var(--r-s);background:var(--bezel);color:var(--on-screen-2);font-size:15.5px;text-decoration:none;flex:1 1 auto;justify-content:center;text-align:center}
.soft a:hover{background:var(--bezel-2);color:#fff}
.soft__back{width:16px;height:16px;transform:rotate(180deg)}

/* ── Полосы и листы ── */
.band{padding:0 0 var(--gap)}
.sheet{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,3vw,48px)}
.sheet h2,.help h2,.more h2,.h-tab{font-size:clamp(26px,2.4vw,36px);line-height:1.15;margin:0 0 22px;color:var(--ink)}
.h-tab{font-size:clamp(22px,1.8vw,27px)}
.sheet h3{font-size:21px;line-height:1.25;margin:0 0 8px;color:var(--ink)}
/* Ширина строки: 1ch у Huninn — ширина цифры, кириллица с пробелами даёт ~1,3 знака на ch;
   60ch ≈ 75 знаков. Замер детектором impeccable 25.09.2026 при 70–86ch показал 98–118 знаков. */
.prose p,.prose li{max-width:60ch}
.prose h3{margin-top:26px}
.prose ul,.prose ol{margin:0 0 1em;padding-left:1.2em}
.prose li{margin:6px 0}
.prose li::marker{color:var(--screen)}
.prose--w{max-width:none}
.split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,64px);align-items:start}
.split--even{grid-template-columns:repeat(2,minmax(0,1fr))}
.split--fund{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center}
.split > .prose > h2:first-child{margin-top:0}
.note{font-size:15.5px;color:var(--mut);margin:18px 0 0;max-width:62ch}
.links{display:flex;flex-wrap:wrap;gap:10px 26px;margin:22px 0 0}
.links--col{flex-direction:column;list-style:none;padding:0;gap:10px}
.links--col li{margin:0}
.notice{margin-top:24px;padding:16px 20px;border-radius:var(--r-s);background:var(--chosen)}
.notice p{margin:0;max-width:62ch}
.nums{counter-reset:n;list-style:none;padding:0 !important}
.nums li{counter-increment:n;position:relative;padding-left:44px;margin:12px 0}
.nums li::before{content:counter(n);position:absolute;left:0;top:-2px;width:30px;height:30px;border-radius:9px;background:var(--led-bg);color:var(--led);font:400 17px/30px var(--f-dot);text-align:center}

/* Шаги операции */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;counter-reset:s}
.steps--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.steps--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.steps li{position:relative;padding-top:66px}
.steps li::before{content:"";position:absolute;top:24px;left:52px;right:-18px;height:4px;border-radius:2px;background:var(--casing-3)}
.steps li:last-child::before{display:none}
.steps__n{position:absolute;top:0;left:0;width:52px;height:52px;border-radius:14px;background:var(--screen);color:#fff;display:grid;place-items:center;font:400 26px/1 var(--f-dot);box-shadow:0 5px 0 var(--bezel)}
.steps li:last-child .steps__n{background:var(--key);color:var(--key-ink);box-shadow:0 5px 0 var(--key-travel)}
.steps p{color:var(--mut);font-size:16px;margin:0}

/* Клавиши расчёта */
.calc{background:var(--casing);border:1px solid var(--line);border-radius:var(--r);padding:clamp(18px,2vw,26px);display:grid;gap:16px}
.calc__row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.calc__l{font-size:18px;line-height:1.3}
.calc__l small{display:block;font-size:14.5px;color:var(--mut);margin-top:2px}
.stepper{display:flex;align-items:center;gap:10px}
.stepper button{width:52px;height:52px;border:0;border-radius:var(--r-s);background:var(--sheet);color:var(--screen);cursor:pointer;display:grid;place-items:center;box-shadow:0 5px 0 var(--tile-travel);transition:transform .12s var(--ease),box-shadow .12s var(--ease)}
.stepper button .ico{width:22px;height:22px;stroke-width:2.6}
.stepper button:active{transform:translateY(4px);box-shadow:0 1px 0 var(--tile-travel)}
.stepper button:disabled{opacity:.4;cursor:not-allowed;transform:none}
.stepper output{min-width:72px;padding:10px 12px;border-radius:10px;background:var(--led-bg);color:var(--led);font:400 26px/1 var(--f-dot);text-align:center;font-variant-numeric:tabular-nums}
.readout--calc{margin:4px 0 0;padding:16px 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.readout--calc dt{font:400 15px/1.3 var(--f-text);color:var(--led-dim)}
.readout--calc dd{margin:6px 0 0;font-size:clamp(26px,2.4vw,34px);line-height:1.1;color:var(--led-hi);font-variant-numeric:tabular-nums}

/* Строки-меню */
.menus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,48px)}
.rows{list-style:none;margin:0;padding:0}
.rows li{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);line-height:1.45}
.rows li:last-child{border-bottom:0}
.rows .ico{width:24px;height:24px;color:var(--screen);margin-top:1px}
.rows--plain li{padding:12px 0}

/* Табло сборов */
.readout--fund{margin:0;padding:8px 22px}
.readout--fund div{padding:16px 0;border-bottom:1px solid #26331f}
.readout--fund div:last-child{border-bottom:0}
.readout--fund dt{font:400 15px/1.3 var(--f-text);color:var(--led-dim)}
.readout--fund dd{margin:6px 0 0;font-size:clamp(28px,2.6vw,38px);line-height:1.1;color:var(--led-hi)}
.readout--fund .readout__note{font:400 15px/1.45 var(--f-text);color:var(--led);margin-top:8px}

/* Реквизиты */
.req{margin:0;border:1px solid var(--line);border-radius:var(--r-s);overflow:hidden}
.req div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}
.req div:nth-child(odd){background:var(--casing)}
.req div:last-child{border-bottom:0}
.req dt{color:var(--mut)}
.req dd{margin:0;overflow-wrap:anywhere}

/* Звёзды и оценка */
.stars{position:relative;display:inline-flex;vertical-align:middle;line-height:0}
.stars__bg,.stars__fg{display:inline-flex;gap:2px}
.stars__bg{color:var(--casing-3)}
.stars__fg{position:absolute;inset:0 auto 0 0;overflow:hidden;color:var(--star)}
.stars .ico{width:18px;height:18px;fill:currentColor;stroke:none}
.grade{display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:start}
.grade__total{border-radius:var(--r);background:var(--led-bg);color:var(--led);padding:26px 24px;display:grid;gap:12px;justify-items:start}
.grade__n{font:400 clamp(64px,6vw,88px)/1 var(--f-dot);color:var(--led-hi)}
.grade__total .stars .ico{width:24px;height:24px}
.grade__total .stars__bg{color:#2a3a23}
.grade__of{font-size:15px;color:var(--led-dim)}
.grade__list{list-style:none;margin:0;padding:0}
.grade__list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:14px 0;border-bottom:1px solid var(--line)}
.grade__list li:last-child{border-bottom:0}
.grade__name{font-size:18px}
.grade__v{display:inline-flex;align-items:center;gap:10px}
.grade__v b{font:400 20px/1 var(--f-dot);color:var(--ink);min-width:2.2em;text-align:right}
.grade__d{grid-column:1/-1;font-size:15.5px;color:var(--mut);max-width:62ch}

/* Отзывы */
.revs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.rev{border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;background:var(--sheet);box-shadow:0 5px 0 var(--casing-2)}
.rev__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.rev__who{margin:0;font-size:18px;line-height:1.3}
.rev__who span{display:block;font-size:14.5px;color:var(--mut)}
.rev__subj{font-size:19px;color:var(--tile-ink);margin:0 0 6px}
.rev__t{margin:0;color:var(--ink-2);max-width:58ch}

/* Таблицы */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-s);max-width:1040px}
.tbl{width:100%;border-collapse:collapse;font-size:16px}
.tbl th,.tbl td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl tr:last-child td{border-bottom:0}
.tbl th{background:var(--casing);font-weight:400;color:var(--mut)}
.tbl td.n{font-family:var(--f-dot);font-size:18px;white-space:nowrap}

/* Помощь (FAQ) */
.help{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,3vw,48px)}
.help__list{display:grid;gap:10px}
.hq{border-radius:var(--r-s);background:var(--casing);border:1px solid var(--line)}
.hq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:14px 18px;min-height:60px}
.hq summary::-webkit-details-marker{display:none}
.hq__n{flex:none;width:36px;height:36px;border-radius:10px;background:var(--screen);color:#fff;display:grid;place-items:center;font:400 18px/1 var(--f-dot)}
.hq__q{flex:1;font-size:18px;line-height:1.35}
.hq__ico{width:22px;height:22px;color:var(--screen);transition:transform .25s var(--ease)}
.hq[open] .hq__ico{transform:rotate(45deg)}
.hq[open]{background:var(--sheet);border-color:var(--tile-travel)}
.hq__a{display:grid;grid-template-rows:1fr}
.hq__a > div{overflow:hidden}
.hq__a p{margin:0;padding:0 18px 18px 70px;color:var(--ink-2);max-width:66ch}

/* Другие разделы: экран «Все услуги» */
.more{background:var(--screen);border-radius:28px;padding:clamp(20px,3vw,40px);box-shadow:inset 0 0 0 10px var(--bezel),inset 0 0 0 12px var(--bezel-2)}
.more h2{color:#fff;padding:0 6px}
.tiles--nav{grid-template-columns:repeat(3,minmax(0,1fr))}
.tiles--nav .tile{min-height:130px}

/* Финальный экран */
.last{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap;background:var(--casing-2);border:1px solid var(--casing-3);border-radius:var(--r);padding:clamp(22px,3vw,40px)}
.last__txt{flex:1 1 420px}
.last h2{font-size:clamp(24px,2.2vw,32px);line-height:1.2;margin:0 0 8px}
.last p{margin:0;color:var(--mut);max-width:56ch}

/* ── Подвал ── */
.base{border-top:1px solid var(--line);background:var(--casing-2);padding:clamp(28px,3vw,44px) 0 36px}
.base__in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr) minmax(0,.8fr) auto;gap:clamp(20px,3vw,48px);align-items:start}
.base__mark{display:flex;align-items:center;gap:10px;font-size:20px;color:var(--ink)}
.base__mark .brand__mark{width:30px;height:30px}
.base__about p{font-size:15.5px;color:var(--mut);max-width:60ch}
.base__about .base__mark{color:var(--ink)}
.base__nav,.base__docs{display:flex;flex-direction:column;gap:8px;font-size:15.5px}
.base__nav a,.base__docs a{color:var(--ink-2)}
.base__nav a:hover,.base__docs a:hover{color:var(--screen)}
.base__docs p{margin:0 0 2px;color:var(--mut)}
.key--foot{background:var(--key);color:var(--key-ink)}
.key--foot:hover{color:var(--key-ink)}

/* ── Движение ── */
@media (prefers-reduced-motion:reduce){
  .led__t{animation:none;width:auto;white-space:normal}
  .led__t span[aria-hidden]{display:none}
  .key,.tile,.stepper button,.hq__ico{transition:none}
}

/* ── Адаптив ── */
/* Пороги шапки сняты замером CDP 25.09.2026: на 1321 и 1181 меню поджимало подпись знака,
   поэтому компактное меню с 1400, бургер с 1280 (число совпадает с resize в scripts.js). */
@media (max-width:1400px){
  .menu a{padding:10px 8px;font-size:15px}
}
@media (max-width:1280px){
  .menu{display:none}
  .burger{display:inline-flex}
  .key--head{margin-left:auto}
  .base__in{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1040px){
  .screen__body,.screen--inner .screen__body{grid-template-columns:minmax(0,1fr)}
  .screen--home .screen__glass{min-height:0}
  .screen__copy h1{max-width:24ch}
  .readout--facts{flex-direction:row;flex-wrap:wrap;gap:0 28px}
  .readout--facts div{border-bottom:0;flex:1 1 180px}
  .steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}
  .steps li:nth-child(3)::before{display:none}
  .steps--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps--4 li:nth-child(2)::before{display:none}
  .steps--4 li:nth-child(3)::before{display:block}
  .tiles--nav{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .split,.split--even,.split--fund,.menus,.grade{grid-template-columns:minmax(0,1fr)}
  .revs{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  .steps,.steps--3,.steps--4{grid-template-columns:minmax(0,1fr);row-gap:18px}
  .steps li{padding:0 0 0 70px;min-height:52px}
  .steps li::before{display:block !important;top:58px;left:24px;right:auto;bottom:-14px;width:4px;height:auto}
  .steps li:last-child::before{display:none !important}
  .tbl--stack thead{display:none}
  .tbl--stack tr{display:block;border-bottom:1px solid var(--line);padding:6px 0}
  .tbl--stack tr:last-child{border-bottom:0}
  .tbl--stack td{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px;border:0;padding:6px 14px}
  .tbl--stack td::before{content:attr(data-label);color:var(--mut);font-family:var(--f-text);font-size:14.5px}
  .tbl--stack td.n{white-space:normal}
  .base__in{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  body{font-size:16.5px}
  .casing__in{min-height:62px;gap:10px}
  .brand__mark{width:30px;height:30px}
  .brand__w{font-size:19px}
  .brand__w small{display:none}
  .key--head{padding:10px 14px;min-height:44px;font-size:15.5px;border-radius:12px}
  .key--head .key__ico{display:none}
  .burger{width:44px;height:44px}
  .drawer ul{grid-template-columns:minmax(0,1fr)}
  .screen{padding-top:8px}
  .screen__glass{border-radius:20px;padding:14px;box-shadow:inset 0 0 0 6px var(--bezel),inset 0 0 0 7px var(--bezel-2)}
  .screen__body{padding:0 6px}
  .led{min-height:40px;padding:8px 12px;gap:12px}
  .led__h{font-size:13.5px}
  .led__t{font-size:15px}
  .key--big{font-size:18px;padding:15px 20px;min-height:54px;width:100%}
  .acts{gap:14px}
  .tiles{gap:10px}
  .tile{min-height:0;padding:14px 14px 12px}
  .tile strong{font-size:18px}
  .tiles--home .tile small{display:none}
  .tile .num{font-size:21px}
  .tile__ico{width:26px;height:26px}
  .soft{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .soft a{padding:10px 12px;font-size:14.5px}
  .readout--tabs{padding:14px 16px;font-size:16px}
  .readout--calc{grid-template-columns:minmax(0,1fr)}
  .calc__row{flex-direction:column;align-items:stretch}
  .stepper{justify-content:space-between}
  .stepper output{flex:1}
  .tiles--nav{grid-template-columns:minmax(0,1fr)}
  .hq summary{gap:12px;padding:12px 14px}
  .hq__a p{padding:0 14px 16px}
  .req div{grid-template-columns:minmax(0,1fr);gap:2px}
  .last .key{width:100%}
}
/* Порядок жертв (замер 25.09.2026): сначала короткая подпись клавиши (с 480, столкновение было на 421),
   потом кегль знака (с 380, столкновение на 361), и только ≤350 уходит квадрат знака — подпись остаётся. */
@media (max-width:480px){
  .key--head .key__l--long{display:none}
  .key--head .key__short{display:inline}
}
@media (max-width:420px){
  .key--big{white-space:normal;text-align:center;font-size:17px;padding:14px 16px}
}
@media (max-width:380px){
  .brand__w{font-size:17px}
  .brand__mark{width:26px;height:26px}
}
@media (max-width:350px){
  .brand__mark{display:none}
  .casing__in{gap:8px}
  .burger{width:42px;height:42px}
}