/* Стили шапки живут рядом с разметкой: страницы держат собственные стили,
   и вынесенные в общий файл правила ими перебивались. Все правила — внутри
   .askp-hdr, чтобы шапка одинаково выглядела на страницах .hv и kit.css. */
.askp-hf{--w:1240px;--ink:#0C161C;--mut:#5C6B65;--faint:#8A968F;--line:#E6EBE9;--ac:#2DD4BF;--acs:#0E9E8E;--disp:'Unbounded',system-ui,sans-serif;--body:'Golos Text',system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace}
.askp-hdr{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--line);font-family:var(--body);line-height:1.2}
.askp-hdr *{box-sizing:border-box}
.askp-hdr a{text-decoration:none}
.askp-hdr .in{max-width:var(--w);margin:0 auto;padding:14px 30px;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:14px 24px}
/* margin-right:auto у бренда — разделы прижаты к правому углу на всех страницах (24.09.2026: раньше это давало только
   правило .brand из site.css, и на страницах kit.css и /med разделы стояли посередине шапки) */
.askp-hdr .brand{display:flex;align-items:center;gap:13px;flex-shrink:0;min-height:44px;margin-right:auto;color:var(--ink)}
.askp-hdr .brand img{display:block;width:40px;height:40px;object-fit:contain;flex-shrink:0;filter:brightness(0)}
.askp-hdr .brand .bt{display:flex;flex-direction:column;line-height:1}
.askp-hdr .brand .bt b{font-family:var(--disp);font-weight:800;font-size:23px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}
.askp-hdr .brand .bt span{font-family:var(--mono);font-weight:400;font-size:9.5px;letter-spacing:.4em;text-transform:uppercase;color:var(--faint);margin-top:6px}
.askp-hdr .links{display:flex;gap:clamp(12px,1.5vw,22px);font-family:var(--mono);font-size:clamp(11px,1vw,12.5px);font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.askp-hdr .links a{color:#3E4C47;white-space:nowrap;transition:color .15s}
.askp-hdr .links a:hover{color:var(--acs)}
.askp-hdr .cta{display:flex;align-items:center;gap:18px}
.askp-hdr .lang-toggle{display:inline-flex;flex-shrink:0;border:1px solid var(--line);border-radius:9999px;padding:2px;gap:0}
.askp-hdr .lang-toggle a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font:600 12px var(--mono);color:var(--ink);border-radius:9999px}
.askp-hdr .lang-toggle a[aria-current="true"]{background:var(--ink);color:#fff}
.askp-hdr .lang-toggle a:focus-visible{outline:2px solid var(--acs);outline-offset:2px}
.askp-hdr .cta .login{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;font-family:var(--mono);font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);transition:color .15s}
.askp-hdr .cta .login:hover{color:var(--acs)}
.askp-hdr .cta .reg{display:inline-flex;align-items:center;min-height:44px;font-family:var(--mono);font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);border:1.5px solid rgba(12,22,28,.28);border-radius:8px;padding:0 clamp(12px,1.4vw,18px);white-space:nowrap;transition:all .15s}
.askp-hdr .cta .reg:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.askp-hdr .more{display:none;position:relative}
.askp-hdr .more>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;color:var(--ink)}
.askp-hdr .more>summary::-webkit-details-marker{display:none}
.askp-hdr .more[open]>summary{background:#EEF4F2}
.askp-hdr .more .list{position:absolute;right:0;top:calc(100% + 8px);min-width:230px;max-width:calc(100vw - 32px);background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 18px 42px -24px rgba(8,47,40,.45);display:flex;flex-direction:column;z-index:70;max-height:calc(100dvh - 96px);overflow-y:auto}
.askp-hdr .more .list a{display:flex;align-items:center;min-height:48px;padding:0 14px;border-radius:8px;font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#3E4C47}
.askp-hdr .more .list a:hover{background:#EEF4F2;color:var(--acs)}
.askp-hdr .more .list .narrow-only{display:none}
/* Полная EN-навигация длиннее RU: при 1280 px регистрация выходила за край.
   До 1536 px используем то же доступное меню без уменьшения текста и кнопок. */
@media(max-width:1536px){
  .askp-hdr .links{display:none}
  .askp-hdr .more{display:block}
}
@media(max-width:960px){
  .askp-hdr .in{min-height:64px;padding:10px 24px}
  .askp-hdr .cta{gap:12px}
}
@media(max-width:700px){
  .askp-hdr .in{padding:8px 16px;gap:8px}
  .askp-hdr .brand{gap:10px;min-width:0;flex-shrink:1}
  .askp-hdr .brand img{width:34px;height:34px}
  .askp-hdr .brand .bt b{font-size:19px}
  .askp-hdr .brand .bt{min-width:0}
  .askp-hdr .brand .bt span{font-size:8px;letter-spacing:.3em;margin-top:4px;overflow-wrap:anywhere}
  .askp-hdr .in{flex-wrap:wrap}
  .askp-hdr .cta{gap:8px;flex-wrap:wrap;justify-content:flex-end;width:100%}
  .askp-hdr .cta .login,.askp-hdr .cta .reg{font-size:11.5px}
  .askp-hdr .cta .reg{padding:0 10px}
}
@media(max-width:400px){
  .askp-hdr .brand img{width:30px;height:30px}
  .askp-hdr .brand .bt b{font-size:17px}
  .askp-hdr .cta .login{padding:0 2px}
}
/* самые узкие телефоны (360): «Войти» уходит в меню, чтобы строка не вылезала за край */
@media(max-width:380px){
  .askp-hdr .cta .login{display:none}
  .askp-hdr .more .list .narrow-only{display:flex}
}
@media(max-width:370px){.askp-hdr .brand .bt span{display:none}}
/* широкие таблицы наборов прокручиваются внутри себя, а не тянут страницу */
table.data-table{display:block;overflow-x:auto;max-width:100%}