/* База знаний: кабинет (/admin/help) и публичная страница (/help) */
.hp{--hp-line:#e7ebf3;--hp-text:#0f1b33;--hp-muted:#6b7794;--hp-pri:#1f6fff;--hp-soft:#eaf1ff;--hp-bg:#f5f7fb;display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;align-items:start;color:var(--hp-text);font-size:15px;line-height:1.6}
.hp *{box-sizing:border-box}
.hp a{color:var(--hp-pri);text-decoration:none}.hp a:hover{text-decoration:underline}
.hp-i{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.hp-nav{position:sticky;top:76px;max-height:calc(100vh - 96px);overflow:auto;background:#fff;border:1px solid var(--hp-line);border-radius:14px;padding:14px}
.hp-search{display:flex;align-items:center;gap:8px;border:1px solid var(--hp-line);border-radius:10px;padding:0 12px;background:#fff;color:var(--hp-muted)}
.hp-search:focus-within{border-color:var(--hp-pri);box-shadow:0 0 0 3px rgba(31,111,255,.15)}
.hp-search input{flex:1;min-width:0;border:0;outline:0;background:none;padding:10px 0;font:inherit;color:var(--hp-text)}
.hp-search-l{max-width:520px;margin:18px auto 0;padding:0 16px;border-radius:14px}.hp-search-l input{padding:14px 0;font-size:16px}
.hp-g{margin-top:14px}.hp-g[hidden],.hp [hidden]{display:none!important}
.hp-gt{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--hp-muted);margin:0 6px 6px}
.hp-l{display:block;padding:7px 10px;border-radius:8px;color:var(--hp-text)!important;font-size:14px;line-height:1.35}
.hp-l:hover{background:var(--hp-bg);text-decoration:none!important}.hp-l.on{background:var(--hp-soft);color:var(--hp-pri)!important;font-weight:600}
.hp-none{padding:20px 6px;color:var(--hp-muted);text-align:center}
.hp-body{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.hp:not(.hp-home) .hp-body{grid-template-columns:minmax(0,1fr) 220px;align-items:start}
.hp-hero{text-align:center;background:linear-gradient(135deg,#0b3a9e,#1f6fff);color:#fff;border-radius:18px;padding:38px 24px}
.hp-hero h2{margin:0;font-size:28px;line-height:1.2;color:#fff}.hp-hero p{margin:8px 0 0;color:#d6e4ff}
.hp-hero .hp-search{border-color:transparent}
.hp-start{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--hp-line);border-radius:14px;padding:16px 20px;color:var(--hp-text)!important}
.hp-start:hover{border-color:var(--hp-pri);text-decoration:none!important}.hp-start span{flex:1}.hp-start b{display:block;font-size:16px}.hp-start small{color:var(--hp-muted)}
.hp-il{width:36px;height:36px;padding:8px;border-radius:10px;background:var(--hp-soft);color:var(--hp-pri)}
.hp-sec h3{margin:6px 0 12px;font-size:18px}
.hp-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.hp-c{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--hp-line);border-radius:14px;padding:16px;color:var(--hp-text)!important;transition:border-color .12s,box-shadow .12s}
.hp-c:hover{border-color:var(--hp-pri);box-shadow:0 6px 20px rgba(31,111,255,.1);text-decoration:none!important}
.hp-ci{width:36px;height:36px;border-radius:10px;background:var(--hp-soft);color:var(--hp-pri);display:grid;place-items:center}
.hp-c b{font-size:15px}.hp-c small{color:var(--hp-muted);font-size:13px;line-height:1.45}
.hp-art{min-width:0;background:#fff;border:1px solid var(--hp-line);border-radius:16px;padding:30px 36px}
.hp-crumb{display:flex;gap:8px;font-size:13px;color:var(--hp-muted);margin-bottom:10px}
.hp-art h1{margin:0 0 6px;font-size:30px;line-height:1.2;letter-spacing:-.01em}
.hp-lead{margin:0 0 14px;font-size:17px;color:var(--hp-muted)}
.hp-open{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:10px;background:var(--hp-pri);color:#fff!important;font-weight:600;font-size:14px;margin-bottom:8px}
.hp-open:hover{text-decoration:none!important;filter:brightness(.95)}
.hp-content h2{margin:30px 0 10px;font-size:21px;line-height:1.3;scroll-margin-top:80px}
.hp-content p,.hp-content ul,.hp-content ol,.hp-content dl{margin:0 0 12px}
.hp-content ul{padding-left:22px}.hp-content li{margin:4px 0}
.hp-steps{list-style:none;padding:0!important;counter-reset:st}
.hp-steps li{counter-increment:st;position:relative;padding:10px 14px 10px 56px;border:1px solid var(--hp-line);border-radius:12px;margin:8px 0;background:#fcfdff}
.hp-steps li::before{content:counter(st);position:absolute;left:14px;top:9px;width:28px;height:28px;border-radius:50%;background:var(--hp-soft);color:var(--hp-pri);font-weight:700;display:grid;place-items:center}
.hp-note,.hp-tip{border-radius:12px;padding:12px 16px;margin:14px 0;border:1px solid}
.hp-note{background:#fff4de;border-color:#f6d99a;color:#6b4300}.hp-tip{background:#e5f6ed;border-color:#bfe5cf;color:#0b5a33}
.hp-dl dt{font-weight:700;margin-top:10px}.hp-dl dd{margin:0 0 6px;color:var(--hp-muted)}
.hp-toc{position:sticky;top:76px;display:flex;flex-direction:column;gap:2px;border-left:2px solid var(--hp-line);padding-left:14px;font-size:13.5px}
.hp-tt{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--hp-muted);margin-bottom:6px}
.hp-toc a{color:var(--hp-muted)!important;padding:3px 0;line-height:1.4}.hp-toc a.on{color:var(--hp-pri)!important;font-weight:600}
.hp-pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}
.hp-pn a{display:block;border:1px solid var(--hp-line);border-radius:12px;padding:12px 16px;color:var(--hp-text)!important}
.hp-pn a:hover{border-color:var(--hp-pri);text-decoration:none!important}.hp-pn .r{text-align:right;grid-column:2}
.hp-pn small{display:block;color:var(--hp-muted);font-size:12px}
.hp-help{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin-top:22px;padding:16px 20px;background:var(--hp-soft);border-radius:14px}
@media (max-width:1180px){.hp:not(.hp-home) .hp-body{grid-template-columns:minmax(0,1fr)}.hp-toc{display:none}}
@media (max-width:860px){.hp{grid-template-columns:1fr}.hp-nav{position:static;max-height:none}.hp-art{padding:22px 18px}.hp-art h1{font-size:24px}.hp-hero h2{font-size:23px}}
.hp-shot{margin:18px 0 22px}
.hp-shot a{display:block;border:1px solid var(--hp-line);border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(15,27,51,.10);cursor:zoom-in;background:#fff;line-height:0}
.hp-shot img{width:100%;height:auto;display:block;transition:transform .25s}
.hp-shot a:hover img{transform:scale(1.01)}
.hp-shot figcaption{margin-top:8px;text-align:center;font-size:13px;color:var(--hp-muted);line-height:1.4}
.hp-zoom{position:fixed;inset:0;z-index:300;background:rgba(10,18,36,.86);display:grid;place-items:center;padding:3vh 3vw;cursor:zoom-out}
.hp-zoom img{max-width:100%;max-height:94vh;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.hp-zoom button{position:absolute;top:14px;right:18px;border:0;background:none;color:#fff;font-size:36px;line-height:1;cursor:pointer}