/* Справочник (/help/): оформление варианта Б. Токены — только из site.css (цвета, --sans, --mono, --mark),
   здесь своих палитр нет: сайт и справочник меняются вместе. Классы с префиксом hc-. */
body.hc{line-height:1.6}
.hc :where(h1,h2,h3){letter-spacing:-.01em;line-height:1.2}
.hc-head{position:sticky;top:0;z-index:20;display:flex;gap:10px;align-items:center;padding:10px 14px;background:var(--navbg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.hc-brand{display:inline-flex;align-items:center;gap:8px;font-weight:700;text-decoration:none;white-space:nowrap}
.hc-brand svg{width:26px;height:22px;flex:none}
.hc-brand svg .h{fill:var(--tx)}
.hc-brand svg .d{fill:var(--acc)}
.hc-site{flex:none;padding:7px 10px;border-radius:8px;text-decoration:none;color:var(--tx2);font-size:14.5px}
.hc-brand b{color:var(--acc)}
.hc-menu{display:none;border:1px solid var(--line2);background:var(--s1);color:var(--tx);border-radius:10px;height:40px;min-width:44px;font-size:18px;cursor:pointer}
.hc-search{position:relative;flex:1;max-width:520px;margin-left:auto}
.hc-search input{width:100%;height:40px;padding:0 14px;font:inherit;font-size:16px;color:var(--tx);background:var(--s1);border:1px solid var(--line2);border-radius:10px}
.hc-search input::placeholder{color:var(--tx3)}
.hc-results{position:absolute;top:46px;left:0;right:0;max-height:70vh;overflow:auto;background:var(--bg);border:1px solid var(--line2);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.18);display:none}
.hc-results.on{display:block}
.hc-results a{display:block;padding:10px 14px;text-decoration:none;border-top:1px solid var(--line)}
.hc-results a:first-child{border-top:0}
.hc-results a:hover,.hc-results a:focus-visible{background:var(--hl)}
.hc-results .rt{font-weight:600;font-size:15px}
.hc-results .rp{font-size:12px;color:var(--tx3)}
.hc-results .rx{font-size:13px;color:var(--tx2);margin-top:2px}
.hc-results .none{padding:12px 14px;color:var(--tx2);font-size:14px}
.hc mark{background:var(--mark);color:inherit;border-radius:3px}
.hc-layout{display:flex;max-width:1180px;margin:0 auto}
.hc-tree{width:300px;flex:none;border-right:1px solid var(--line);height:calc(100vh - 61px);position:sticky;top:61px;overflow:auto;padding:12px 8px 40px}
.hc-tree details{margin:2px 0;border:0}
.hc-tree details:first-of-type{border-top:0}
.hc-tree summary{cursor:pointer;display:block;min-height:0;padding:8px 10px;border-radius:8px;font-weight:600}
.hc-tree summary::after{content:none}
.hc-tree summary::before{content:"▸";display:inline-block;width:16px;color:var(--tx3);transition:transform .15s}
.hc-tree details[open]>summary::before{transform:rotate(90deg)}
.hc-tree .g{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--tx3);padding:10px 12px 2px 28px}
.hc-tree a{display:block;padding:6px 10px 6px 28px;border-radius:8px;text-decoration:none;color:var(--tx2);font-size:14.5px;line-height:1.35}
.hc-tree a.cur{background:var(--s2);color:var(--tx);font-weight:600}
.hc-main{flex:1;min-width:0;padding:20px 28px 80px;max-width:820px}
.hc-crumbs{font-size:13px;color:var(--tx3);margin:0 0 8px}
.hc-crumbs a{text-decoration:none;color:var(--tx2)}
.hc-main h1{font-size:28px;margin:0 0 14px}
.hc-toc{border:1px solid var(--line);border-radius:12px;padding:6px 14px;margin:0 0 18px;background:var(--s1)}
.hc-toc summary{min-height:0;cursor:pointer;font-weight:600;font-size:14px;padding:4px 0;display:block}
.hc-toc summary::after{content:none}
.hc-toc ol{margin:6px 0 8px;padding-left:20px;font-size:14px}
.hc-toc a{text-decoration:none;color:var(--tx2)}
.hc-doc{overflow-wrap:anywhere}
.hc-doc h2{font-size:20px;margin:1.6em 0 .4em;padding:0;border:0;scroll-margin-top:72px}
.hc-doc h3{font-size:17px;margin:1.3em 0 .3em;scroll-margin-top:72px}
.hc-doc span[id]:empty{scroll-margin-top:72px}
.hc-doc :is(h2,h3) .pl{opacity:0;margin-left:6px;text-decoration:none;color:var(--tx3);font-weight:400}
.hc-doc :is(h2,h3):hover .pl,.hc-doc :is(h2,h3) .pl:focus-visible{opacity:1}
.hc-doc p,.hc-doc li{color:var(--tx)}
.hc-doc pre{overflow-x:auto;background:var(--s1);border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.hc-doc pre code{border:0;padding:0;background:none}
.hc-doc blockquote{margin:1em 0;padding:2px 16px;border-left:3px solid var(--line2);color:var(--tx2)}
.hc-doc .tbl{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1em 0}
.hc-doc .tbl :is(th,td):first-child{white-space:nowrap}
.hc-doc :is(h2,h3).hit{animation:hc-fl 1.6s}
@keyframes hc-fl{0%{background:var(--mark)}100%{background:transparent}}
.hc-see{margin-top:40px;border-top:1px solid var(--line);padding-top:10px}
.hc-see h2{font-size:17px;margin:.6em 0}
.hc-see ul{padding-left:20px}
.hc-pn{display:flex;gap:10px;margin-top:28px}
.hc-pn a{flex:1;border:1px solid var(--line2);border-radius:12px;padding:10px 14px;text-decoration:none;font-size:14px}
.hc-pn a small{display:block;color:var(--tx3);font-size:12px}
.hc-pn a.n{text-align:right}
.hc-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:18px 0}
.hc-card{border:1px solid var(--line2);border-radius:14px;padding:14px 16px;background:var(--s1)}
.hc-card h2{margin:0 0 6px;font-size:17px;padding:0;border:0}
.hc-card h2 a{text-decoration:none}
.hc-card a{display:block;text-decoration:none;color:var(--tx2);font-size:14px;padding:3px 0}
.hc-card .more{color:var(--acc);font-size:13px}
.hc-group{font-size:15px;color:var(--tx3);text-transform:uppercase;letter-spacing:.05em;margin:24px 0 6px}
.hc-list{border:1px solid var(--line2);border-radius:14px;padding:4px 16px;background:var(--s1)}
.hc-list a{display:block;padding:9px 0;border-top:1px solid var(--line);font-size:15.5px;text-decoration:none}
.hc-list a:first-child{border-top:0}
.hc-list small{display:block;color:var(--tx2);font-size:13px;line-height:1.45}
.hc-lead{color:var(--tx2)}
.hc-backdrop{display:none}
@media (hover:hover) and (pointer:fine){
  .hc-tree summary:hover,.hc-tree a:hover{background:var(--hl);color:var(--tx)}
  .hc-card a:hover{color:var(--tx)}
  .hc-pn a:hover{background:var(--hl)}
}
@media (max-width:860px){
  .hc-menu{display:block}
  .hc-brand span,.hc-site{display:none}
  .hc-tree{position:fixed;top:0;left:0;bottom:0;height:auto;z-index:40;background:var(--bg);width:86vw;max-width:340px;transform:translateX(-100%);visibility:hidden;transition:transform .2s,visibility .2s;padding-top:16px;box-shadow:0 0 40px rgba(0,0,0,.3)}
  body.nav-open .hc-tree{transform:none;visibility:visible}
  body.nav-open .hc-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:30}
  .hc-main{padding:16px 16px 80px}
  .hc-results{position:fixed;top:64px;left:8px;right:8px}
  .hc-main h1{font-size:24px}
  .hc-pn{flex-direction:column}
}