/* Общая оболочка основного сайта: шапка, указатель инструментов, подвал, цвета и шрифт.
   Подключается в base.html для site == main. */
body.shell-v2{
  --hv-bg:#0E0F12;--hv-bg2:#141519;--hv-s1:#18191E;--hv-line:rgba(237,235,230,.12);--hv-line2:rgba(237,235,230,.22);
  --hv-text:#EDEBE6;--hv-mut:#9A98A0;--hv-mut2:#706E76;--hv-accent:#E23A57;--hv-accent-d:#C51D42;
  --hv-paper:#F1EFEA;--hv-ink:#141418;--hv-ink2:#6D6B72;
  --hv-sans:"Onest","Segoe UI",system-ui,sans-serif;--hv-ease:cubic-bezier(.22,1,.36,1);--hv-io:cubic-bezier(.65,0,.35,1);
  --hv-gut:clamp(20px,5vw,96px);
  background:var(--hv-bg);color:var(--hv-text);font-family:var(--hv-sans);overflow-x:hidden;
}
html:has(body.shell-v2){background:#0E0F12}
/* старые страницы получают ту же палитру: переопределяем переменные site.css */
body.shell-v2{--bg:#0E0F12;--surface:#18191E;--text:#EDEBE6;--muted:#9A98A0;--accent:#C51D42;--hot:#E23A57}
body.shell-v2 .eyebrow{font:500 11px/1.6 var(--hv-sans);letter-spacing:.16em;text-transform:uppercase}
body.shell-v2 main>section:first-child{padding-top:clamp(120px,14vh,160px)}
body.shell-v2 .hv-hud{font:500 11px/1 var(--hv-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--hv-mut)}
body.shell-v2 .hv-num{font-variant-numeric:tabular-nums}
body.shell-v2 :focus-visible{outline:1.5px solid var(--hv-accent);outline-offset:4px;border-radius:4px}
body.shell-v2 header.hv-chrome{position:fixed;inset:0 0 auto;height:auto;z-index:60;display:flex;justify-content:space-between;align-items:center;padding:20px var(--hv-gut);background:none}
body.shell-v2 .hv-chrome::before{content:"";position:absolute;inset:0 0 -28px;z-index:-1;opacity:0;transition:opacity .4s;background:linear-gradient(var(--hv-bg) 55%,transparent);pointer-events:none}
body.shell-v2 .hv-chrome.scrolled::before{opacity:1}
body.shell-v2 .hv-chrome.light::before{background:linear-gradient(var(--hv-paper) 55%,transparent)}
body.shell-v2 .hv-chrome .brand{display:flex;align-items:center}
body.shell-v2 .hv-chrome .hv-logo-light{display:none}
body.shell-v2 .hv-chrome.light .hv-logo-dark{display:none}
body.shell-v2 .hv-chrome.light .hv-logo-light{display:block}
body.shell-v2 .hv-chrome .brand-art{display:block;line-height:0}
body.shell-v2 .hv-chrome .brand-art.hv-logo-light{display:none}
body.shell-v2 .hv-chrome.light .brand-art.hv-logo-dark{display:none}
body.shell-v2 .hv-chrome.light .brand-art.hv-logo-light{display:block}
body.shell-v2 .hv-chrome-r{display:flex;align-items:center;gap:8px}
body.shell-v2 .hv-chrome .language-selector summary{border-radius:999px}
body.shell-v2 .hv-chip,body.shell-v2 #menu-toggle.hv-chip{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:auto;height:40px;min-height:40px;padding:0 14px;border:1px solid var(--hv-line2);border-radius:999px;
  background:rgba(14,15,18,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--hv-text);font:500 14px/1 var(--hv-sans);text-decoration:none;cursor:pointer;box-shadow:none;transform:none;transition:border-color .25s,background .25s}
body.shell-v2 .hv-chip:hover{border-color:var(--hv-text);background:rgba(14,15,18,.75);box-shadow:none;transform:none}
body.shell-v2 .hv-chrome.light .hv-chip{background:rgba(241,239,234,.75);color:var(--hv-ink);border-color:rgba(20,20,24,.2)}
body.shell-v2 .hv-chip kbd{font:500 11px/1 var(--hv-sans);color:var(--hv-mut);border:1px solid var(--hv-line2);border-radius:4px;padding:3px 5px}
body.shell-v2 .hv-burger{display:grid;gap:4px}
body.shell-v2 .hv-burger i{display:block;width:16px;height:1.5px;background:currentColor}
body.shell-v2 .hv-burger i:last-child{width:10px}
body.shell-v2 .hv-tools a:hover::before,body.shell-v2 .hv-tools a:focus-visible::before{transform:none}
body.shell-v2 .hv-card .hv-hud{color:var(--hv-mut2)}
body.shell-v2 footer.hv-footer{position:relative;z-index:2;padding:64px var(--hv-gut) 110px;border-top:1px solid var(--hv-line);background:var(--hv-bg);color:var(--hv-mut)}
body.shell-v2 .hv-f-top{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px}
body.shell-v2 .hv-f-top .brand-logo{display:block;width:184px;height:auto;aspect-ratio:950/256;margin-bottom:18px}
body.shell-v2 .hv-f-top p{margin:0;max-width:22em;line-height:1.55}
body.shell-v2 .hv-f-top h2{margin:0 0 14px;font:500 11px/1 var(--hv-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--hv-mut2)}
body.shell-v2 .hv-f-top ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:15px}
body.shell-v2 .hv-f-top a{text-decoration:none;color:var(--hv-text)}
body.shell-v2 .hv-f-top a:hover{text-decoration:underline;text-underline-offset:3px}
body.shell-v2 .hv-f-top .text-button{min-height:0;padding:0;font-size:15px;color:var(--hv-text)}
body.shell-v2 .hv-f-bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:56px;padding-top:18px;border-top:1px solid var(--hv-line);color:var(--hv-mut2);font-size:13.5px}
body.shell-v2 .hv-index{position:fixed;inset:0;z-index:95;background:var(--hv-bg);display:grid;grid-template-rows:auto auto 1fr auto;clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .7s var(--hv-io),visibility 0s .7s}
body.shell-v2 .hv-index.open{clip-path:inset(0);visibility:visible;transition:clip-path .7s var(--hv-io)}
body.shell-v2 .hv-ix-top{display:flex;justify-content:space-between;align-items:center;padding:20px var(--hv-gut)}
body.shell-v2 .hv-ix-search{display:flex;align-items:center;gap:16px;padding:0 var(--hv-gut);border-bottom:1px solid var(--hv-line)}
body.shell-v2 .hv-ix-search input{flex:1;min-width:0;height:84px;border:0;border-radius:0;padding:0;background:none;color:var(--hv-text);font:300 clamp(24px,3vw,40px)/1 var(--hv-sans);letter-spacing:-.02em}
body.shell-v2 .hv-ix-search input:focus{outline:none}
body.shell-v2 .hv-ix-search input::placeholder{color:var(--hv-mut2)}
body.shell-v2 .hv-ix-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,5vw,80px);padding:28px var(--hv-gut);overflow:auto;min-height:0}
body.shell-v2 .hv-ix-st{list-style:none;margin:0;padding:0}
body.shell-v2 .hv-ix-st button{display:flex;align-items:baseline;justify-content:flex-start;gap:18px;width:100%;min-height:0;background:none;border:0;border-radius:0;padding:6px 0;color:var(--hv-mut2);font:500 clamp(36px,5vw,80px)/1 var(--hv-sans);letter-spacing:-.05em;cursor:pointer;text-align:left;box-shadow:none;transform:none;transition:color .3s}
body.shell-v2 .hv-ix-st button:hover{background:none;box-shadow:none;transform:none;color:var(--hv-text)}
body.shell-v2 .hv-ix-st button small{font:500 12px/1 var(--hv-sans);letter-spacing:.12em;color:var(--hv-mut2);width:2.4ch}
body.shell-v2 .hv-ix-st button[aria-selected=true]{color:var(--hv-text)}
body.shell-v2 .hv-ix-st button[aria-selected=true] small{color:var(--hv-accent)}
body.shell-v2 .hv-ix-groups{align-self:start}
body.shell-v2 .hv-ix-group{list-style:none;margin:0;padding:0}
body.shell-v2 .hv-ix-group[hidden]{display:none!important}
body.shell-v2 .hv-ix-group li[hidden]{display:none!important}
body.shell-v2 .hv-ix-group a{display:grid;grid-template-columns:1fr auto;gap:2px 16px;padding:16px 0;border-bottom:1px solid var(--hv-line);text-decoration:none}
body.shell-v2 .hv-ix-group a .t{font:500 20px/1.2 var(--hv-sans);letter-spacing:-.02em}
body.shell-v2 .hv-ix-group a .d{color:var(--hv-mut);font-size:14.5px}
body.shell-v2 .hv-ix-group a .g{grid-row:1/3;grid-column:2;align-self:center}
body.shell-v2 .hv-ix-group a:hover .t,body.shell-v2 .hv-ix-group a.sel .t{color:var(--hv-accent)}
body.shell-v2 .hv-ix-ask{display:block;width:100%;min-height:0;margin-top:16px;padding:18px 0;background:none;border:0;border-bottom:1px solid var(--hv-line);border-radius:0;color:var(--hv-text);font:400 18px/1.3 var(--hv-sans);text-align:left;cursor:pointer;box-shadow:none;transform:none}
body.shell-v2 .hv-ix-ask:hover,body.shell-v2 .hv-ix-ask.sel{background:none;box-shadow:none;transform:none;color:var(--hv-accent)}
body.shell-v2 .hv-ix-ask[hidden]{display:none!important}
body.shell-v2 .hv-ix-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 28px;padding:18px var(--hv-gut);border-top:1px solid var(--hv-line);font-size:14px}
body.shell-v2 .hv-ix-foot nav{display:flex;flex-wrap:wrap;gap:8px 22px}
body.shell-v2 .hv-ix-foot a{text-decoration:none;color:var(--hv-mut)}
body.shell-v2 .hv-ix-foot a:hover{color:var(--hv-text)}
body.shell-v2.hv-locked{overflow:hidden}
@media (max-width:900px){
  body.shell-v2 .hv .hv-human,body.shell-v2 .hv-f-top{grid-template-columns:1fr}
  body.shell-v2 .hv-ix-body{grid-template-columns:1fr}
  body.shell-v2 .hv-ix-st{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
  body.shell-v2 .hv-ix-st::-webkit-scrollbar{display:none}
  body.shell-v2 .hv-ix-st button{font-size:15px;letter-spacing:0;border:1px solid var(--hv-line2);border-radius:999px;padding:9px 14px;white-space:nowrap}
  body.shell-v2 .hv-ix-st button small{display:none}
  body.shell-v2 .hv-ix-st button[aria-selected=true]{border-color:var(--hv-text)}
}
@media (max-width:600px){
  body.shell-v2 .hv-chip .lbl,body.shell-v2 .hv-chip kbd{display:none}
  body.shell-v2 .hv-chip{padding:0 12px}
  body.shell-v2 .hv-ix-search input{height:68px}
}