#page-help { --bg:#f4f5f8; --surface:#ffffff; --surface2:#fbfbfd;
    --heading:#161b28; --text:#3a4152; --muted:#667085; --subtle:#98a2b3;
    --border:#e7e9f0; --border-light:#f1f3f7;
    --accent:#4a6cf7; --accent-strong:#2e4fd8; --accent-soft:#eef2ff; --accent-border:#c7d2fe;
    --ok:#17804d; --ok-soft:#e8f5ee; --warn:#9a6b15; --warn-soft:#fbf3e2;
    --danger:#c2311f; --danger-soft:#feeceb;
    --ink:#131722; --ink2:#1b2130; --ink-border:rgba(255,255,255,.08);
    --ink-text:#98a1b3; --ink-text-dim:#727c92; --ink-text-hi:#e7eaf2; --accent-ink:#a7b7fc;
    --mp-ozon:#005bff; --mp-yandex:#e6b800; --mp-wb:#cb11ab;
    --shadow:0 1px 2px rgba(22,27,40,.05), 0 6px 22px rgba(22,27,40,.06); }
#page-help * { margin:0; padding:0; box-sizing:border-box; }
#page-help { background:var(--bg); color:var(--text);
    font-family:'Onest','Segoe UI',system-ui,sans-serif;
    font-size:16px; line-height:1.62; -webkit-font-smoothing:antialiased; }
#page-help h1, #page-help h2, #page-help h3, #page-help h4 { font-family:'Golos Text','Onest',sans-serif; color:var(--heading); text-wrap:balance; }
#page-help .mono { font-family:'JetBrains Mono',Consolas,monospace; }
#page-help b, #page-help strong { color:var(--heading); font-weight:600; }
#page-help .kbpage { display:none; }
#page-help .kbpage.on { display:block; }
#page-help .crumb { font-family:'JetBrains Mono'; font-size:11.5px; letter-spacing:.06em; color:var(--subtle); text-transform:uppercase; margin-bottom:12px; }
#page-help .crumb b { color:var(--accent-strong); font-weight:600; }
#page-help .kbpage h1 { font-size:clamp(24px,3.4vw,31px); font-weight:800; letter-spacing:-.01em; margin-bottom:14px; }
#page-help .meta { display:flex; flex-wrap:wrap; gap:7px 16px; align-items:center; font-size:12.5px; color:var(--muted); padding-bottom:16px; border-bottom:1px solid var(--border); margin-bottom:20px; }
#page-help .meta .m { font-family:'JetBrains Mono'; font-size:11.5px; }
#page-help .meta .screen { color:var(--heading); font-weight:600; font-size:12.5px; }
#page-help .lvl-chip { font-family:'JetBrains Mono'; font-size:10.5px; font-weight:600; color:var(--accent-strong); background:var(--accent-soft); border:1px solid var(--accent-border); border-radius:99px; padding:2px 9px; }
#page-help .mp { display:inline-flex; align-items:center; gap:5px; font-size:12px; font-weight:600; color:var(--muted); }
#page-help .mp i { width:8px; height:8px; border-radius:99px; display:inline-block; }
#page-help p { max-width:72ch; margin-bottom:13px; }
#page-help .why { font-size:16.5px; color:var(--heading); }
#page-help .why::before { content:'Зачем. '; font-weight:700; }
#page-help h3.sec { font-family:'JetBrains Mono'; font-size:11px; font-weight:600; letter-spacing:.12em;
    text-transform:uppercase; color:var(--muted); margin:26px 0 10px; }
#page-help ul.plain { list-style:none; max-width:72ch; margin-bottom:13px; }
#page-help ul.plain li { padding-left:19px; position:relative; margin-bottom:8px; }
#page-help ul.plain li::before { content:''; position:absolute; left:2px; top:.6em; width:6px; height:6px; border-radius:2px; background:var(--accent); opacity:.7; }
#page-help ol.steps { max-width:72ch; margin:0 0 13px 0; padding-left:0; list-style:none; counter-reset:st; }
#page-help ol.steps li { counter-increment:st; position:relative; padding-left:34px; margin-bottom:10px; }
#page-help ol.steps li::before { content:counter(st); position:absolute; left:0; top:1px;
    width:22px; height:22px; border-radius:7px; background:var(--accent-soft); border:1px solid var(--accent-border);
    color:var(--accent-strong); font-family:'JetBrains Mono'; font-size:11.5px; font-weight:600;
    display:flex; align-items:center; justify-content:center; }
#page-help .checks { list-style:none; margin:6px 0 16px; }
#page-help .checks label { display:flex; gap:11px; padding:8px 10px; margin:0 -10px; border-radius:9px; font-size:15.2px; align-items:baseline; cursor:pointer; }
#page-help .checks label:hover { background:var(--surface2); }
#page-help .checks input { appearance:none; -webkit-appearance:none; flex-shrink:0; width:18px; height:18px; border-radius:5px; border:1.5px solid var(--accent-border); background:var(--surface); position:relative; top:3px; cursor:pointer; }
#page-help .checks input:checked { background:var(--accent); border-color:var(--accent); }
#page-help .checks input:checked::after { content:'✓'; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:700; color:#fff; }
#page-help .checks input:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
#page-help .checks input:checked + span { color:var(--muted); }
#page-help .callout { border:1px solid var(--accent-border); background:var(--accent-soft); border-radius:12px; padding:13px 17px; margin:16px 0; max-width:76ch; }
#page-help .callout .c-title { font-family:'JetBrains Mono'; font-size:10.5px; font-weight:600; letter-spacing:.11em; text-transform:uppercase; color:var(--accent-strong); margin-bottom:5px; }
#page-help .callout p { margin:0; color:var(--heading); font-size:15.2px; }
#page-help .callout.done { border-color:color-mix(in srgb, var(--ok) 35%, var(--border)); background:var(--ok-soft); }
#page-help .callout.done .c-title { color:var(--ok); }
#page-help details { border:1px solid var(--border); border-radius:10px; margin:10px 0; background:var(--surface); max-width:76ch; }
#page-help summary { cursor:pointer; padding:11px 16px; font-weight:600; font-size:14.5px; color:var(--heading); list-style:none; display:flex; align-items:center; gap:8px; }
#page-help summary::-webkit-details-marker { display:none; }
#page-help summary::before { content:'›'; font-weight:700; color:var(--accent-strong); transition:transform .15s; }
#page-help details[open] summary::before { transform:rotate(90deg); }
@media (prefers-reduced-motion: reduce) {
#page-help summary::before { transition:none; }
}
#page-help details .d-body { padding:2px 16px 13px; font-size:14.5px; }
#page-help details .d-body p { font-size:14.5px; margin-bottom:9px; max-width:none; }
#page-help details .d-body p:last-child { margin-bottom:0; }
#page-help .tbl-wrap { overflow-x:auto; margin:14px 0; border:1px solid var(--border); border-radius:12px; background:var(--surface); box-shadow:var(--shadow); }
#page-help table { border-collapse:collapse; width:100%; font-size:14px; }
#page-help th { font-family:'JetBrains Mono'; font-size:10.5px; font-weight:600; letter-spacing:.07em; text-transform:uppercase; color:var(--muted); text-align:left; padding:10px 14px; background:var(--surface2); border-bottom:1px solid var(--border); white-space:nowrap; }
#page-help td { padding:10px 14px; border-bottom:1px solid var(--border-light); vertical-align:top; }
#page-help tr:last-child td { border-bottom:none; }
#page-help .num { font-variant-numeric:tabular-nums; }
#page-help .chip { display:inline-block; font-family:'JetBrains Mono'; font-size:10.5px; font-weight:600; padding:2px 8px; border-radius:99px; white-space:nowrap; }
#page-help .chip.ok { background:var(--ok-soft); color:var(--ok); }
#page-help .chip.warn { background:var(--warn-soft); color:var(--warn); }
#page-help .chip.bad { background:var(--danger-soft); color:var(--danger); }
#page-help .shot { border:1.5px dashed var(--accent-border); border-radius:12px; padding:10px 16px; margin:14px 0; font-size:13px; color:var(--muted); background:var(--surface2); max-width:76ch; }
#page-help .shot b { font-family:'JetBrains Mono'; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--accent-strong); }
#page-help .rel { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; padding-top:16px; border-top:1px solid var(--border-light); }
#page-help .rel a, #page-help .rel span { font-size:13px; color:var(--accent-strong); background:var(--accent-soft); border:1px solid var(--accent-border); border-radius:8px; padding:4px 10px; text-decoration:none; cursor:pointer; }
#page-help .pager { display:flex; justify-content:space-between; gap:12px; margin-top:30px; }
#page-help .pager a { flex:1; max-width:48%; border:1px solid var(--border); background:var(--surface); border-radius:12px;
    padding:12px 16px; text-decoration:none; color:var(--text); box-shadow:var(--shadow); cursor:pointer; }
#page-help .pager a:hover { border-color:var(--accent-border); }
#page-help .pager .dir { font-family:'JetBrains Mono'; font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--subtle); display:block; margin-bottom:3px; }
#page-help .pager .ttl { font-weight:600; color:var(--heading); font-size:14px; }
#page-help .pager a.next { text-align:right; margin-left:auto; }
#page-help .note { font-size:13.5px; color:var(--muted); max-width:74ch; }
#page-help .flag { border-left:3px solid var(--warn); background:var(--warn-soft); border-radius:0 10px 10px 0; padding:10px 15px; margin:14px 0; font-size:14px; max-width:74ch; }
#page-help .flag b { color:var(--warn); }
#page-help .oz { border:1px solid var(--border); border-radius:13px; overflow:hidden; box-shadow:var(--shadow); background:var(--surface); margin-bottom:12px; }
#page-help .oz-top { display:flex; align-items:center; gap:10px; padding:9px 14px; border-bottom:1px solid var(--border); background:var(--surface2); flex-wrap:wrap; }
#page-help .oz-w { font-family:'Golos Text'; font-weight:800; font-size:13px; color:#005bff; }
#page-help .oz-w span { color:var(--heading); font-weight:600; }
#page-help .oz-crumb { font-family:'JetBrains Mono'; font-size:10px; color:var(--subtle); }
#page-help .oz-body { padding:14px; }
#page-help .oz-title { font-family:'Golos Text'; font-weight:800; font-size:15px; color:var(--heading); margin-bottom:11px; }
#page-help .oz-flow { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
#page-help .oz-field { border:1px solid #005bff; border-radius:9px; padding:6px 11px; background:var(--surface); min-width:150px; }
#page-help .oz-field .l { font-size:9.5px; color:var(--subtle); display:block; }
#page-help .oz-field b { font-family:'JetBrains Mono'; color:var(--heading); font-size:13px; }
#page-help .oz-btn { background:#005bff; color:#fff; border-radius:9px; padding:8px 15px; font-size:12.5px; font-weight:600; white-space:nowrap; }
#page-help .oz-ann { display:inline-flex; align-items:center; gap:5px; font-size:10.5px; color:var(--accent-strong); background:var(--accent-soft); border:1px solid var(--accent-border); border-radius:99px; padding:2px 8px; margin-left:2px; }
#page-help .oz-ann .n { font-family:'JetBrains Mono'; font-weight:700; width:14px; height:14px; border-radius:99px; background:var(--accent); color:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:9px; }
#page-help .oz-tbl { width:100%; border-collapse:collapse; font-size:11px; margin-top:11px; }
#page-help .oz-tbl th { font-family:'JetBrains Mono'; font-size:8.5px; text-transform:uppercase; letter-spacing:.04em; color:var(--muted); text-align:left; padding:6px 8px; border-bottom:1px solid var(--border); }
#page-help .oz-tbl td { padding:6px 8px; border-bottom:1px solid var(--border-light); color:var(--text); white-space:nowrap; }
#page-help .oz-tbl tr:last-child td { border-bottom:none; }
#page-help .oz-tbl .k { font-family:'JetBrains Mono'; color:var(--subtle); font-size:10px; }
#page-help .oz-ok { font-size:9px; color:var(--ok); background:var(--ok-soft); border-radius:99px; padding:1px 7px; }
#page-help .oz-2col { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media (max-width:660px) {
#page-help .oz-2col { grid-template-columns:1fr; }
}
#page-help .ccf { border:1px solid var(--accent-border); border-radius:13px; background:var(--accent-soft); box-shadow:var(--shadow); overflow:hidden; }
#page-help .ccf-top { background:var(--ink); padding:8px 14px; display:flex; align-items:center; gap:8px; }
#page-help .ccf-top .g { width:17px; height:17px; border-radius:5px; background:var(--accent-ink); color:#131722; display:flex; align-items:center; justify-content:center; font-family:'Golos Text'; font-weight:800; font-size:10px; }
#page-help .ccf-top .t { font-family:'Golos Text'; font-weight:700; font-size:12px; color:var(--ink-text-hi); }
#page-help .ccf-body { padding:13px 15px; background:var(--surface); }
#page-help .ccf-l { font-size:10px; color:var(--muted); display:block; margin:7px 0 3px; }
#page-help .ccf-l:first-child { margin-top:0; }
#page-help .ccf-inp { border:1px solid var(--border); border-radius:8px; padding:7px 10px; font-size:11.5px; color:var(--text-subtle); background:var(--surface2); font-family:'JetBrains Mono'; }
#page-help .ccf-inp.hot { border-color:#005bff; color:var(--heading); }
#page-help .ccf-chk { font-size:11px; color:var(--text); display:flex; gap:7px; align-items:center; margin-top:8px; }
#page-help .ccf-chk i { width:13px; height:13px; border-radius:4px; border:1.5px solid var(--accent-border); background:var(--accent-soft); display:inline-block; }
#page-help .ccf-save { background:var(--accent); color:#fff; border-radius:8px; padding:7px 14px; font-size:12px; font-weight:600; display:inline-block; margin-top:11px; }
#page-help .sds { border:1px solid var(--border); border-radius:15px; overflow:hidden; box-shadow:var(--shadow); margin:20px 0 8px; background:var(--surface); }
#page-help .sds-bar { display:flex; align-items:center; gap:10px; background:var(--ink); padding:9px 15px; }
#page-help .sds-bar .b-logo { width:20px; height:20px; border-radius:6px; background:var(--accent-ink); color:#131722; display:flex; align-items:center; justify-content:center; font-family:'Golos Text'; font-weight:800; font-size:9.5px; letter-spacing:-0.3px; }
#page-help .sds-bar .b-nm { font-family:'Golos Text'; font-weight:700; font-size:12.5px; color:var(--ink-text-hi); }
#page-help .sds-bar .b-tabs { display:flex; gap:3px; margin-left:14px; }
#page-help .sds-bar .b-tabs span { font-size:11.5px; color:var(--ink-text-dim); padding:3px 9px; border-radius:6px; }
#page-help .sds-bar .b-tabs span.on { color:var(--ink-text-hi); background:rgba(255,255,255,.08); font-weight:600; }
#page-help .sds-body { padding:14px; background:var(--bg); }
#page-help .sds-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
@media (max-width:640px) {
#page-help .sds-kpis { grid-template-columns:1fr 1fr; }
}
#page-help .kc { background:var(--surface); border:1px solid var(--border); border-radius:11px; padding:11px 13px; position:relative; overflow:hidden; }
#page-help .kc .k-t { font-family:'JetBrains Mono'; font-size:9.5px; font-weight:600; letter-spacing:.07em; text-transform:uppercase; color:var(--subtle); }
#page-help .kc .k-v { font-family:'Golos Text'; font-weight:800; font-size:19px; color:var(--heading); margin-top:3px; display:flex; align-items:baseline; gap:7px; flex-wrap:wrap; }
#page-help .kc .k-d { font-family:'JetBrains Mono'; font-size:10.5px; font-weight:600; padding:1px 6px; border-radius:99px; }
#page-help .kc .k-d.up { color:var(--ok); background:var(--ok-soft); }
#page-help .kc .k-d.dn { color:var(--danger); background:var(--danger-soft); }
#page-help .kc .k-d.ok { color:var(--ok); background:var(--ok-soft); }
#page-help .kc .k-d.crit { color:var(--danger); background:var(--danger-soft); }
#page-help .kc .k-s { font-size:11px; color:var(--muted); margin-top:5px; }
#page-help .kc .k-spark { position:absolute; right:8px; bottom:7px; width:66px; height:22px; opacity:.5; }
#page-help .kc .k-prog { height:5px; border-radius:99px; background:var(--border-light); margin-top:8px; overflow:hidden; }
#page-help .kc .k-prog i { display:block; height:100%; background:var(--accent); border-radius:99px; }
#page-help .sds-mid { display:grid; grid-template-columns:1.15fr 1fr; gap:10px; margin-top:10px; }
@media (max-width:720px) {
#page-help .sds-mid { grid-template-columns:1fr; }
}
#page-help .sds-brief, #page-help .sds-fin { background:var(--surface); border:1px solid var(--border); border-radius:11px; padding:12px 14px; }
#page-help .sds-h { font-family:'Golos Text'; font-weight:700; font-size:13px; color:var(--heading); margin-bottom:9px; display:flex; align-items:center; gap:7px; }
#page-help .sds-h .cnt { font-family:'JetBrains Mono'; font-size:10px; font-weight:600; color:#fff; background:var(--danger); border-radius:99px; padding:1px 6px; }
#page-help .br { display:flex; align-items:center; gap:9px; padding:6px 0; border-bottom:1px solid var(--border-light); font-size:12.5px; }
#page-help .br:last-child { border-bottom:none; }
#page-help .br .dot { width:7px; height:7px; border-radius:99px; flex-shrink:0; }
#page-help .br .dot.r { background:var(--danger); }
#page-help .br .dot.y { background:var(--warn); }
#page-help .br .dot.b { background:var(--accent); }
#page-help .br .tx { flex:1; color:var(--text); }
#page-help .br .tx b { color:var(--heading); }
#page-help .br .btn { font-size:10.5px; font-weight:600; color:var(--accent-strong); background:var(--accent-soft); border:1px solid var(--accent-border); border-radius:7px; padding:3px 9px; white-space:nowrap; }
#page-help .fin-row { display:grid; grid-template-columns:1fr auto; gap:8px; align-items:center; padding:4px 0; font-size:12px; }
#page-help .fin-row .fl { color:var(--text); }
#page-help .fin-row .fl.sub { color:var(--muted); padding-left:10px; font-size:11.5px; }
#page-help .fin-row .fr { font-variant-numeric:tabular-nums; color:var(--heading); font-weight:600; white-space:nowrap; }
#page-help .fin-row .fr .pc { color:var(--subtle); font-weight:400; font-size:11px; margin-left:6px; }
#page-help .fin-bar { height:7px; border-radius:99px; background:var(--border-light); overflow:hidden; margin:2px 0 5px; }
#page-help .fin-bar i { display:block; height:100%; border-radius:99px; }
#page-help .fin-net { display:flex; align-items:center; justify-content:space-between; gap:8px; background:var(--ok-soft); border-radius:9px; padding:8px 11px; margin-top:8px; }
#page-help .fin-net .nl { font-family:'Golos Text'; font-weight:700; font-size:12.5px; color:var(--heading); }
#page-help .fin-net .roi { font-family:'JetBrains Mono'; font-size:10px; color:var(--ok); }
#page-help .fin-net .nv { font-family:'Golos Text'; font-weight:800; font-size:15px; color:var(--ok); font-variant-numeric:tabular-nums; }
#page-help .fin-div { border-top:1px dashed var(--border); margin:8px 0 6px; padding-top:6px; font-family:'JetBrains Mono'; font-size:9.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--subtle); }
#page-help .sds-cap { font-size:12.5px; color:var(--muted); max-width:76ch; margin:2px 0 0; }
#page-help .mk { border:1px solid var(--border); border-radius:15px; overflow:hidden; box-shadow:var(--shadow); margin:18px 0 6px; background:var(--surface); }
#page-help .mk-bar { display:flex; align-items:center; gap:9px; background:var(--ink); padding:9px 14px; flex-wrap:wrap; }
#page-help .mk-bar .mb-logo { width:19px; height:19px; border-radius:5px; background:var(--accent-ink); color:#131722; display:flex; align-items:center; justify-content:center; font-family:'Golos Text'; font-weight:800; font-size:9px; letter-spacing:-0.3px; }
#page-help .mk-bar .mb-t { font-family:'JetBrains Mono'; font-size:11px; color:var(--ink-text-dim); }
#page-help .mk-bar .mb-t b { color:var(--ink-text-hi); font-weight:600; }
#page-help .mk-tabs { display:flex; gap:4px; padding:11px 14px 0; flex-wrap:wrap; }
#page-help .mk-tabs span { font-size:11px; color:var(--muted); padding:4px 10px; border-radius:7px; border:1px solid var(--border); }
#page-help .mk-tabs span.on { color:var(--accent-strong); background:var(--accent-soft); border-color:var(--accent-border); font-weight:600; }
#page-help .mk-ctrl { display:flex; gap:7px; padding:10px 14px 0; flex-wrap:wrap; align-items:center; }
#page-help .mk-ctrl .pill { font-size:11px; border:1px solid var(--border); border-radius:7px; padding:4px 9px; background:var(--surface2); color:var(--muted); }
#page-help .mk-ctrl .pill b { color:var(--heading); font-weight:600; }
#page-help .mk-ctrl .go { background:var(--accent); color:#fff; border-color:var(--accent); font-weight:600; }
#page-help .mk-body { padding:12px 14px 14px; overflow-x:auto; }
#page-help .mk-tbl { width:100%; border-collapse:collapse; font-size:12px; min-width:520px; }
#page-help .mk-tbl th { font-family:'JetBrains Mono'; font-size:9px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--muted); text-align:left; padding:7px 10px; border-bottom:1px solid var(--border); white-space:nowrap; }
#page-help .mk-tbl td { padding:7px 10px; border-bottom:1px solid var(--border-light); color:var(--text); white-space:nowrap; }
#page-help .mk-tbl td.n, #page-help .mk-tbl th.n { text-align:right; font-variant-numeric:tabular-nums; }
#page-help .mk-tbl tr:last-child td { border-bottom:none; }
#page-help .mk-tbl tr.tot td { font-weight:700; color:var(--heading); border-top:1.5px solid var(--border); background:var(--surface2); }
#page-help .mk-tbl td b { color:var(--heading); }
#page-help .mk-tbl tr.red td:first-child { box-shadow:inset 3px 0 var(--danger); }
#page-help .mk-tbl tr.grn td:first-child { box-shadow:inset 3px 0 var(--ok); }
#page-help .mk-tbl tr.yel td:first-child { box-shadow:inset 3px 0 var(--warn); }
#page-help .mk-neg { color:var(--danger); }
#page-help .mk-cap { font-size:12.5px; color:var(--muted); max-width:76ch; margin:2px 0 0; }
#page-help .mk-chip { display:inline-block; font-family:'JetBrains Mono'; font-size:9px; font-weight:600; padding:1px 7px; border-radius:99px; }
#page-help .mk-chip.r { background:var(--danger-soft); color:var(--danger); }
#page-help .mk-chip.y { background:var(--warn-soft); color:var(--warn); }
#page-help .mk-chip.g { background:var(--ok-soft); color:var(--ok); }
#page-help .mk-note { font-size:11.5px; color:var(--muted); padding:9px 14px 0; }
#page-help .mk-note b { color:var(--heading); }
#page-help .mk-kpis4 { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
@media (max-width:640px) {
#page-help .mk-kpis4 { grid-template-columns:1fr 1fr; }
#page-help .mk-tbl { min-width:480px; }
}

/* ── оболочка раздела «Как работать» (light, внутри продукта) ── */
/* Сетка на .help-shell: switchPage ставит #page-help инлайн display:block. */
#page-help { background:var(--surface); color:var(--text); font-family:'Onest','Segoe UI',system-ui,sans-serif; }
#page-help .help-shell { display:grid; grid-template-columns:248px minmax(0,1fr); align-items:start; max-width:1240px; margin:0 auto; }
#page-help .help-nav { position:sticky; top:0; align-self:start; max-height:100vh; overflow-y:auto;
  padding:18px 8px 40px; border-right:1px solid var(--border); background:var(--surface2); scrollbar-width:thin; }
#page-help .hn-group { margin-bottom:16px; }
#page-help .hn-cap { font-family:'JetBrains Mono',monospace; font-size:10.5px; font-weight:600;
  letter-spacing:.1em; text-transform:uppercase; color:var(--subtle); padding:0 12px; margin-bottom:6px; }
#page-help .hn-link { display:flex; gap:8px; align-items:baseline; padding:6px 12px; cursor:pointer;
  color:var(--text); font-size:13.5px; line-height:1.35; border-radius:8px; text-decoration:none; }
#page-help .hn-link:hover { background:var(--accent-soft); color:var(--accent-strong); }
#page-help .hn-link.on { background:var(--accent-soft); color:var(--accent-strong); font-weight:600; }
#page-help .hn-num { font-family:'JetBrains Mono',monospace; font-size:10.5px; color:var(--subtle); flex-shrink:0; width:15px; }
#page-help .hn-link.on .hn-num { color:var(--accent-strong); }
#page-help .help-content { padding:30px 44px 80px; max-width:940px; min-width:0; }
#page-help .kbpage { display:block; }
#page-help .help-loading { color:var(--muted); padding:40px; font-size:14px; }
@media (max-width:860px){
  #page-help .help-shell { grid-template-columns:1fr; }
  #page-help .help-nav { position:relative; max-height:none; display:flex; gap:4px; overflow-x:auto;
    border-right:none; border-bottom:1px solid var(--border); padding:10px; }
  #page-help .hn-group { margin:0; flex-shrink:0; }
  #page-help .hn-cap { display:none; }
  #page-help .hn-link { white-space:nowrap; }
  #page-help .help-content { padding:22px 18px 60px; }
}

/* ── контекстная кнопка «Как работать» (глобальная, вне #page-help) ── */
#help-hint { position:fixed; right:16px; bottom:66px; z-index:55; display:inline-flex; align-items:center;
  gap:8px; background:#4a6cf7; color:#fff; border:none; border-radius:99px; padding:9px 16px 9px 11px;
  font:600 13px/1 'Onest','Segoe UI',system-ui,sans-serif; cursor:pointer; box-shadow:0 4px 14px rgba(22,27,40,.18); }
#help-hint:hover { background:#3b5be8; }
#help-hint .hh-q { display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px;
  border-radius:99px; background:rgba(255,255,255,.22); font-weight:800; font-size:12px; }
#help-hint:focus-visible { outline:2px solid #2e4fd8; outline-offset:2px; }
@media (max-width:640px){ #help-hint .hh-t { display:none; } #help-hint { padding:11px; right:14px; bottom:62px; } }

/* ── подсказки продукта «?» кликабельны → база знаний (фаза 2, вне #page-help) ── */
.cc-tip-icon { cursor:pointer; transition:color .12s, background .12s; }
.cc-tip-icon:hover { color:#4a6cf7; }
#cc-tooltip[data-kb="1"]::after { content:'Клик — открыть базу знаний →'; display:block; margin-top:6px;
  padding-top:6px; border-top:1px solid rgba(255,255,255,.25); font-size:11px; opacity:.85; }
.cc-tip:not(.sortable):not(button):not(a):not(label) { cursor:pointer; }

/* ── герой-блок «Начните с этого» (стр. «Первые 14 дней») ── */
#page-help .kb-hero { background:var(--ink); border-radius:16px; padding:26px 28px 24px; margin:4px 0 26px; }
#page-help .kb-hero-eyebrow { font-family:'JetBrains Mono',monospace; font-size:10.5px; font-weight:600;
  letter-spacing:.14em; text-transform:uppercase; color:var(--accent-ink); margin-bottom:12px; }
#page-help .kb-hero-title { font-family:'Golos Text','Onest',sans-serif; font-weight:800; font-size:27px;
  line-height:1.2; color:var(--ink-text-hi); letter-spacing:-.01em; max-width:22ch; margin-bottom:10px; text-wrap:balance; }
#page-help .kb-hero-sub { font-size:15px; color:var(--ink-text); max-width:60ch; margin-bottom:20px; }
#page-help .kb-hero-steps { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:12px; margin-bottom:18px; }
#page-help .kb-hero-step { background:var(--ink2); border:1px solid var(--ink-border); border-radius:12px; padding:14px 16px; }
#page-help .kb-hs-top { display:flex; align-items:center; gap:9px; margin-bottom:7px; }
#page-help .kb-hs-n { width:22px; height:22px; border-radius:7px; background:var(--accent-ink); color:var(--ink);
  font-family:'JetBrains Mono',monospace; font-size:12px; font-weight:700; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
#page-help .kb-hs-t { font-family:'Golos Text',sans-serif; font-weight:700; font-size:15px; color:var(--ink-text-hi); }
#page-help .kb-hs-d { font-size:13.5px; color:var(--ink-text); }
#page-help .kb-hs-d b { color:var(--ink-text-hi); font-weight:600; }
#page-help .kb-hero-foot { display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding-top:16px; border-top:1px solid var(--ink-border); }
#page-help .kb-hero-cta { background:var(--accent); color:#fff; border:none; border-radius:10px; padding:10px 18px;
  font:600 14px/1 'Onest','Segoe UI',system-ui,sans-serif; cursor:pointer; }
#page-help .kb-hero-cta:hover { background:#3b5be8; }
#page-help .kb-hero-note { font-size:14px; color:var(--ink-text-hi); }
@media (max-width:720px){ #page-help .kb-hero-steps { grid-template-columns:1fr; } }

/* ── лестница уровней ── */
#page-help .kb-levels { display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:8px; margin:14px 0 16px; }
#page-help .kb-lvl { border:1px solid var(--accent-border); background:var(--accent-soft); border-radius:10px; padding:11px 12px; }
#page-help .kb-lvl-off { border:1px dashed var(--border); background:var(--surface); }
#page-help .kb-lvl-now { box-shadow:0 0 0 2px var(--accent); }
#page-help .kb-lvl-cap { font-family:'JetBrains Mono',monospace; font-size:10px; font-weight:600; letter-spacing:.08em;
  text-transform:uppercase; color:var(--accent-strong); }
#page-help .kb-lvl-off .kb-lvl-cap { color:var(--subtle); }
#page-help .kb-lvl-name { font-family:'Golos Text',sans-serif; font-weight:700; font-size:14px; color:var(--heading); margin:4px 0 3px; }
#page-help .kb-lvl-off .kb-lvl-name { color:var(--muted); }
#page-help .kb-lvl-when { font-size:12px; color:var(--muted); }
#page-help .kb-lvl-off .kb-lvl-when { color:var(--subtle); }
#page-help .kb-lvl-here { color:var(--ok); font-weight:600; }
@media (max-width:860px){ #page-help .kb-levels { grid-template-columns:1fr 1fr; } }

/* ── матрица действий ── */
#page-help .kb-matrix { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px; margin:16px 0; }
#page-help .kb-col { border:1px solid var(--border); border-radius:14px; background:var(--surface); overflow:hidden; box-shadow:var(--shadow); }
#page-help .kb-col-h { padding:13px 16px; border-bottom:1px solid var(--border); background:var(--surface2); }
#page-help .kb-col-t { font-family:'Golos Text',sans-serif; font-weight:800; font-size:17px; color:var(--heading); }
#page-help .kb-col-m { font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--muted); margin-top:3px; }
#page-help .kb-col-b { padding:6px 16px 14px; }
#page-help .kb-row { display:grid; grid-template-columns:24px minmax(0,1fr) auto; gap:10px; align-items:baseline;
  padding:9px 0; border-bottom:1px solid var(--border-light); }
#page-help .kb-row:last-child { border-bottom:none; }
#page-help .kb-n { font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:600; color:var(--accent-strong);
  background:var(--accent-soft); border:1px solid var(--accent-border); border-radius:6px; text-align:center; padding:1px 0; }
#page-help .kb-act { font-size:14px; color:var(--heading); font-weight:600; display:block; }
#page-help .kb-where { font-size:12px; color:var(--muted); display:block; margin-top:2px; }
#page-help .kb-min { font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--subtle); white-space:nowrap; }
#page-help .kb-rules { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px; margin:16px 0; }
#page-help .kb-rule { border:1px solid var(--accent-border); background:var(--accent-soft); border-radius:12px; padding:12px 15px; }
#page-help .kb-rule-t { font-family:'JetBrains Mono',monospace; font-size:10px; font-weight:600; letter-spacing:.1em;
  text-transform:uppercase; color:var(--accent-strong); margin-bottom:4px; }
#page-help .kb-rule-b { font-size:13.5px; color:var(--heading); }
@media (max-width:900px){ #page-help .kb-matrix, #page-help .kb-rules { grid-template-columns:1fr; } }