/* Компактный вид дополнительных страниц (гайды /help/*), 26.10.2026 */
.kbc ~ .tabbar,.tabbar{background:var(--card-solid)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.top .bar{background:var(--card-solid)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.kbc .kb-hero{padding-top:clamp(14px,3vw,40px)}
.kbc .kb-emoji{font-size:30px;margin-bottom:4px}
.kbc .kb-hero h1{font-size:clamp(23px,5.6vw,48px);line-height:1.15}
.kbc .kb-hero .lead{margin-top:10px;font-size:clamp(15px,1.5vw,18px);line-height:1.5}
.kbc .kb-meta{gap:6px;margin-top:12px}
.kbc .kb-pill{font-size:12.5px;padding:5px 10px}
.kbc .kb-pill.warn{font-size:12.5px;line-height:1.4;text-align:left;border-radius:14px}
.kbc .tldr{margin-top:16px;padding:16px 18px;border-radius:20px}
.kbc .tldr h2{margin-bottom:8px}
.kbc .tldr ul{gap:6px;font-size:14.5px}
.kbc .tldr.clip li:nth-child(n+4){display:none}
.kbc .tldr .more{margin-top:10px;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:7px 14px;font:700 13px var(--body);cursor:pointer}
.kbc .toc{position:static!important;top:auto!important;background:var(--card-solid)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;margin:14px 0 0!important;padding:8px!important;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);gap:6px;display:flex;flex-wrap:wrap}
.kbc .toc a{padding:6px 11px;font-size:13px;box-shadow:none;background:var(--paper);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.kbc .kb-sec{padding-top:clamp(16px,3vw,30px);scroll-margin-top:84px}
.kbc .kb-sec>h2{margin-bottom:10px;font-size:clamp(20px,4.6vw,32px)}
.kbc .kb-sec .intro{margin-bottom:10px;font-size:14.5px}
.kbc .faq{gap:8px}
.kbc .faq details{background:var(--card-solid);-webkit-backdrop-filter:none;backdrop-filter:none}
.kbc .faq summary{padding:13px 14px;gap:10px;font-size:15px}
.kbc .faq summary .q{font-size:18px}
.kbc .faq summary .pm{width:26px;height:26px}
.kbc .faq .a{padding:0 14px 14px 14px;font-size:14.5px}
/* видео */
.kbc .kb-video .vmeta,.kbc .kb-video .vnote{font-size:13px;margin:6px 0}
.kbc .kb-video .vnote{padding:8px 12px}
.kbc .fold{border:1px solid var(--line);border-radius:14px;background:var(--card-solid);margin-top:8px;overflow:hidden}
.kbc .fold>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:11px 14px;font-weight:800;font-size:14.5px}
.kbc .fold>summary::-webkit-details-marker{display:none}
.kbc .fold>summary .pm,.kbc .duo .card>summary .pm{margin-left:auto;flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--paper);font-weight:800;transition:transform .25s}
.kbc .fold[open]>summary .pm,.kbc .duo .card[open]>summary .pm{transform:rotate(45deg)}
.kbc .fold>ol,.kbc .fold>ul{margin:0;padding:0 14px 12px 34px}
.kbc .kb-video .vch{margin:0;padding:0 14px 12px;display:grid;gap:4px;font-size:14px}
.kbc .kb-video details.vsum{margin-top:8px;border-radius:14px}
.kbc .kb-video p.vmore{margin:10px 0 4px;font-size:14px;font-weight:700}
.kbc .kb-video ul.vmore{margin:0;padding-left:20px;font-size:14px}
/* лайфхаки */
.kbc .duo{gap:8px}
.kbc .duo .card{padding:0;background:var(--card-solid)}
.kbc .duo .card>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:13px 14px}
.kbc .duo .card>summary::-webkit-details-marker{display:none}
.kbc .duo .card>summary h3{margin:0;font-size:16px}
.kbc .duo .card>summary .n{font-size:12px;font-weight:700;color:var(--ink-3)}
.kbc .duo .card>ul{padding:0 14px 14px 32px;font-size:14.5px;gap:6px}
/* помощь, схожие темы, источники */
.kbc .kb-help{margin-top:18px;padding:18px;border-radius:20px}
.kbc .kb-help h2{font-size:20px}
.kbc .kb-help p{font-size:14.5px}
.kbc .related .topic{padding:14px 16px}
.kbc .related .topic h3{font-size:16px;margin:4px 0}
.kbc .related .topic p{font-size:13.5px;margin:0}
.kbc .related .topic .ico{font-size:20px}
.kbc .sources{padding-top:16px}
.kbc .sources .fold{max-width:860px}
.kbc .sources .fold>summary h2{margin:0;font-size:16px;font-family:var(--body)}
.kbc .sources .fold>ol{font-size:13.5px;display:grid;gap:4px}
.kbc .rv{opacity:1!important;transform:none!important}
@media (max-width:640px){
 .kbc .related{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin-inline:-20px;padding:2px 20px 8px;scrollbar-width:none}
 .kbc .related::-webkit-scrollbar{display:none}
 .kbc .related .topic{flex:0 0 78%;scroll-snap-align:start}
 .kbc .faq .a{padding:0 12px 12px}
 .kbc .toc{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent)}
 .kbc .toc::-webkit-scrollbar{display:none}
 .kbc .toc a{flex:none}
 .kbc .kb-help .cta-row{gap:8px}
 .kbc .kb-help .btn{padding:11px 14px;font-size:14px}
}
/* Минимализм, 26.10.2026: сплошная шапка, длинные абзацы свёрнуты (текст в HTML) */
.top{background:var(--paper);padding-bottom:8px}
.top .bar{box-shadow:none}
.kbc .clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--cl,2);overflow:hidden}
.kbc .clamp.open{display:block;-webkit-line-clamp:unset}
.kbc .rdm{display:inline-block;margin:4px 0 0;padding:4px 12px;border:1px solid var(--line);border-radius:999px;background:var(--card-solid);font:700 12.5px var(--body);color:var(--ink-2);cursor:pointer}
.kbc .kb-hero .rdm{margin-top:8px}
.kbc .tldr .clamp{--cl:3}
.kbc .tldr.clip li:nth-child(n+3){display:none}
.kbc .kb-video .vmeta{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;opacity:.75}
.kbc .kb-video .vnote{font-size:12.5px}
.kbc .kb-video details.vsum{border:1px solid var(--line);background:var(--card-solid);overflow:hidden}
.kbc .kb-video details.vsum>summary{list-style:none;cursor:pointer;display:flex;align-items:center;padding:11px 14px;font-weight:800;font-size:14.5px}
.kbc .kb-video details.vsum>summary::-webkit-details-marker{display:none}
.kbc .kb-video details.vsum>summary:after{content:"+";margin-left:auto;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--paper);font-weight:800;transition:transform .25s}
.kbc .kb-video details.vsum[open]>summary:after{transform:rotate(45deg)}
.kbc .kb-video details.vsum>ul{margin:0;padding:0 14px 12px 34px;font-size:14px}
.kbc .kb-hero .clamp{text-align:inherit}
