/* Справка «Как пользоваться» (web/help.js). Работает от 375 px: разделы — раскрывающиеся блоки, кнопка в шапке на телефоне без подписи. */
.help-btn{display:inline-flex;align-items:center;gap:7px;margin-left:0;font-weight:600;color:var(--purple,var(--accent-text))}
.help-btn-mark{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid currentColor;font-size:13px;line-height:1}
.help-btn-text{font-size:12px;white-space:nowrap}
.help-doc{display:grid;gap:10px}
.help-role{font-size:12px;color:var(--muted,var(--text-3));margin:0 0 12px}
.help-lead{font-size:14px;line-height:1.6;margin:0 0 4px}
.help-viewing{margin-bottom:12px}
.help-sec{border:1px solid var(--line,var(--border));border-radius:14px;background:var(--surface)}
.help-sec>summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:650;font-size:15px;min-height:44px;display:flex;align-items:center}
.help-sec>summary::-webkit-details-marker{display:none}
.help-sec>summary::after{content:"▾";margin-left:auto;color:var(--muted,var(--text-3))}
.help-sec[open]>summary::after{content:"▴"}
.help-sec-body{padding:0 16px 14px;display:grid;gap:10px}
.help-sec-body p,.help-sec-body li{font-size:14px;line-height:1.6;margin:0;overflow-wrap:anywhere}
.help-sec-body ol,.help-sec-body ul{margin:0;padding-left:22px;display:grid;gap:8px}
.help-sec-body h4{margin:6px 0 0;font-size:14px}
.help-ui{font-weight:600;color:var(--ink,var(--text-2));background:var(--lav,var(--surface-3));border-radius:6px;padding:0 5px;white-space:normal}
.help-q{border-top:1px solid var(--line,var(--border));padding-top:8px}
.help-q>summary{cursor:pointer;font-weight:600;font-size:14px;line-height:1.5;min-height:36px;padding:4px 0}
.help-q>p{margin-top:6px}
.help-foot{margin-top:14px}
.help-login{margin:14px 0 0;text-align:center}
.help-link{font-size:13px}
@media(max-width:680px){
 .help-btn-text{display:none}
 .help-sec>summary{padding:12px 14px}
 .help-sec-body{padding:0 14px 12px}
}