/* Справка — вариант B «Описание и код рядом» (утверждён 11.10.2026).
   Подключается layout docs.njk (pageCss: docs.css). Поведение — assets/js/docs.js.
   Без JS и до 1100px — одна колонка; ≥1100px docs.js делит разделы на текст слева и код справа (.is-split). */

/* ── Каркас: меню слева, справка справа ── */
.api{display:grid;grid-template-columns:240px minmax(0,1fr);max-width:1440px;margin:0 auto}
.side{position:sticky;top:64px;align-self:start;height:calc(100vh - 64px);overflow:auto;overscroll-behavior:contain;padding:22px 16px 32px;border-right:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
.dmain{min-width:0}
.dbar{display:none}

/* поле поиска в меню: кнопка, открывает палитру (без JS скрыта — искать нечем) */
.ds-field{width:100%;height:40px;margin:0 0 22px;padding:0 8px 0 12px;border:0;cursor:pointer;font:400 14.5px var(--font);color:var(--mute2);text-align:left}
.ds-field span{flex:1;min-width:0}
.ds-field:hover{box-shadow:inset 0 0 0 1px var(--line3)}.ds-field:hover span{color:var(--mute)}
html:not(.js) .ds-open{display:none!important}

/* оглавление текущей страницы под активным пунктом меню (строит site.js из h2) */
.dtoc{margin:4px 0 10px 14px}.dtoc:empty{display:none}
.dg .dtoc a{padding:5px 0 5px 12px;border-radius:0;font-size:13.5px;line-height:1.35;color:var(--mute);background:none;box-shadow:none;border-left:1px solid var(--line2)}
.dg .dtoc a:hover{color:var(--ink);background:none}
.dg .dtoc a.on{color:var(--ink);background:none;border-left-color:var(--v2);box-shadow:-1px 0 0 var(--v2)}

/* ── Шапка страницы ── */
.ptop{position:relative;overflow:hidden;padding:44px 40px 36px;border-bottom:1px solid var(--line)}
.ptop::before{content:"";position:absolute;right:-200px;top:-260px;width:800px;height:520px;background:radial-gradient(closest-side,rgba(124,58,237,.22),transparent);pointer-events:none}
.ptop>*{position:relative}
.ptop h1{margin:12px 0 0;overflow-wrap:break-word}
.docs-lead p{margin:14px 0 0;max-width:680px;font-size:17px;line-height:1.65;color:#A9A4BC}
.docs-lead strong{color:var(--ink);font-weight:600}
.docs-lead a{color:var(--v3);text-decoration:underline;text-decoration-color:rgba(196,181,253,.35);text-underline-offset:3px}.docs-lead a:hover{text-decoration-color:var(--v3)}
.docs-lead code{font:500 .86em var(--mono);padding:2px 6px;border-radius:6px;background:rgba(255,255,255,.07);color:#E9E3FF}

/* ── Текст справки (одна колонка) ── */
#docs-body{padding:8px 40px 40px;font-size:16px}
#docs-body:not(.is-split)>h2:first-child{margin-top:36px}
.docs-content p,.docs-content li,.docs-content h2,.docs-content h3{overflow-wrap:break-word}
.docs-content p code,.docs-content li code{overflow-wrap:anywhere}
.docs-content h3{font-size:19px}
/* код внутри блока .code — без «плашки» строчного кода из .prose code */
.docs-content pre code{display:block;font:inherit;padding:0;border-radius:0;background:none;color:inherit;white-space:pre}
.docs-content ol{margin:0 0 20px;padding-left:22px}.docs-content ol li{padding-left:6px;margin:10px 0}.docs-content ol li::before{display:none}
.docs-content hr{border:0;height:1px;background:var(--line2);margin:40px 0}
.docs-content .tblw{max-width:100%}
.docs-content .tbl{font-size:14.5px}
.docs-content .tbl td{overflow-wrap:normal}

/* метки методов HTTP (docs.js: GET/POST… в заголовках и ячейках таблиц) */
.meth.put,.meth.patch{color:#FDE68A;background:rgba(251,191,36,.13)}.meth.delete{color:#FECACA;background:rgba(248,113,113,.14)}
.docs-content h2 .meth,.docs-content h3 .meth{vertical-align:3px}
.docs-content td .meth{margin-right:0}
.docs-content h2 .path,.docs-content h3 .path{font:600 .86em var(--mono);color:var(--ink);letter-spacing:-.01em}

/* ── Описание и код рядом (≥1100px, docs.js) ── */
#docs-body.is-split{padding:0}
.is-split .blk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-bottom:1px solid var(--line)}
.is-split .blk .l{min-width:0;padding:36px 40px}
.is-split .blk .r{min-width:0;padding:36px 32px;background:rgba(0,0,0,.25);border-left:1px solid var(--line)}
.is-split .blk .stick{position:sticky;top:90px}.is-split .blk .stick.nostick{position:static}
.is-split .blk.full{grid-template-columns:minmax(0,1fr)}
.is-split .blk.full .l>p,.is-split .blk.full .l>ul,.is-split .blk.full .l>ol{max-width:760px}
.is-split .blk.oh{border-bottom:0}.is-split .blk.oh .l{padding-bottom:0}
.is-split .blk h2{margin:0 0 12px;font-size:26px}
.is-split .blk h3{margin:0 0 12px;font-size:21px}
.is-split .blk .l>h2+h3{margin-top:22px}
.is-split .blk hr{display:none}
.is-split .blk .l>:last-child{margin-bottom:0}
.is-split .blk .l>:first-child{margin-top:0}
.is-split .blk .tblw:last-child{margin-bottom:0}
/* правая тёмная колонка: подпись, вкладки, блоки кода */
.cg+.cg{margin-top:26px}
.cg .code{margin:0}
.cg .ctabs{margin:0}.cg .ctabs .code{margin-top:12px}
.r .cg-lbl{margin:0 0 10px;font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.r .cg-lbl strong{font-weight:500;color:inherit}
.r .cg-lbl.cg-cap{font:400 14px/1.55 var(--font);letter-spacing:0;text-transform:none}
.r .cg-lbl code{font-size:.92em}
.ct-b:focus-visible{outline-offset:-2px}

/* ── Предыдущая / следующая страница ── */
.dpager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:44px 40px 0}
.dpager a{display:block;padding:18px 20px}.dpager b{display:block;margin-top:4px;font-weight:600;color:var(--ink)}
.dpager .nx{grid-column:2;text-align:right}

/* ── Палитра поиска (Ctrl/Cmd+K) ── */
html.dk-on,html.dk-on body{overflow:hidden}
.dk{position:fixed;inset:0;z-index:90;display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px}
.dk[hidden]{display:none}
.dk-back{position:absolute;inset:0;background:rgba(5,4,10,.62);backdrop-filter:blur(6px)}
.dk-box{width:min(640px,100%);max-height:min(580px,76vh);display:flex;flex-direction:column;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px var(--line2),var(--shadow)}
.dk-inp{display:flex;align-items:center;gap:10px;height:56px;flex-shrink:0;padding:0 12px 0 16px;border-bottom:1px solid var(--line)}
.dk-inp svg{width:18px;height:18px;flex-shrink:0;color:var(--mute)}
.dk-inp input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;color:var(--ink);font:400 16px var(--font);-webkit-appearance:none;appearance:none}
.dk-inp input::placeholder{color:var(--mute2)}
.dk-inp input::-webkit-search-cancel-button{display:none}
.dk-x{display:inline-flex;flex-shrink:0;padding:0;border:0;background:none;cursor:pointer;border-radius:7px}
.dk-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:2px 8px 8px}
.dk-grp{display:flex;justify-content:space-between;gap:12px;padding:12px 10px 6px;font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.dk-grp span{color:var(--mute2);white-space:nowrap}
.dk-it{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:10px;color:var(--ink2)}
.dk-it i{width:26px;height:26px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:7px;background:rgba(255,255,255,.05);font:500 12px var(--mono);font-style:normal;color:var(--mute)}
.dk-tx{flex:1;min-width:0}
.dk-tx b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500;font-size:14.5px;color:var(--ink)}
.dk-tx small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;color:var(--mute)}
.dk-it kbd{opacity:0;flex-shrink:0}
.dk-it.on{background:rgba(139,92,246,.16);box-shadow:inset 0 0 0 1px rgba(167,139,250,.35)}.dk-it.on kbd{opacity:1}.dk-it.on i{color:var(--v3)}
.dk mark{background:none;color:var(--v3);font-weight:600}
.dk-empty{padding:30px 16px;text-align:center;font-size:14.5px;color:var(--mute)}
.dk-foot{display:flex;gap:18px;flex-shrink:0;padding:10px 16px;border-top:1px solid var(--line)}.dk-foot span{display:flex;align-items:center;gap:6px}

/* ── Средний экран: меню есть, текст одной колонкой ── */
@media (max-width:1240px){.api{grid-template-columns:220px minmax(0,1fr)}}

/* ── Телефон и планшет: верхняя панель справки вместо меню ── */
@media (max-width:960px){
 .api{grid-template-columns:minmax(0,1fr)}
 .js .dbar{position:sticky;top:64px;z-index:40;display:flex;align-items:center;gap:8px;height:52px;padding:0 16px;background:rgba(9,8,15,.9);backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--line)}
 .dbar-menu{flex:1;min-width:0;display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;border:0;border-radius:10px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line2);color:var(--ink);font:500 14.5px var(--font);text-align:left;cursor:pointer}
 .dbar-menu span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 .dbar-menu svg{width:17px;height:17px;flex-shrink:0;color:var(--mute)}
 .dbar-menu[aria-expanded="true"] .chev{transform:rotate(180deg)}
 .dbar-search{width:40px;height:38px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line2);color:var(--ink);cursor:pointer}
 .dbar-search svg{width:18px;height:18px}
 .js .side{display:none;position:fixed;top:116px;left:0;right:0;bottom:0;z-index:41;align-self:stretch;height:auto;padding:18px 16px 32px;border-right:0;background:rgba(13,11,20,.98);backdrop-filter:blur(16px)}
 .js .side.open{display:block}
 html:not(.js) .side{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:20px 16px 8px}
 .ds-field kbd{display:none}
 .ptop{padding:28px 16px 24px}
 .ptop::before{right:-360px;top:-300px}
 .docs-lead p{font-size:16px}
 #docs-body{padding:0 16px 24px}
 .docs-content h2,.docs-content h3{scroll-margin-top:130px}
 .dpager{padding:32px 16px 0}
}
@media (max-width:640px){
 .dpager{grid-template-columns:minmax(0,1fr)}.dpager .nx{grid-column:auto}
 .dk{padding:8px}.dk-box{max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px)}.dk-foot{display:none}
 .docs-content .tbl th,.docs-content .tbl td{padding:11px 12px}
}