.help-page { background:var(--bg-body); }
.help-toolbar { gap:16px; flex-wrap:wrap; }
.help-back, .help-theme { display:inline-flex; align-items:center; gap:8px; }
.help-theme { border:1px solid var(--border-color); border-radius:24px; padding:8px 12px; color:var(--text-main); background:var(--bg-card); font:inherit; cursor:pointer; }
.help-main { padding:28px; line-height:1.75; font-size:1.1rem; overflow-wrap:anywhere; }
.help-main h1 { color:var(--text-accent); font-size:clamp(1.5rem, 4vw, 2rem); line-height:1.3; margin-bottom:12px; }
.help-intro { color:var(--text-muted); }
.help-topics { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0; }
.help-topics a { border:1px solid var(--border-color); border-radius:24px; padding:6px 14px; background:var(--bg-card); }
.help-section { margin-top:28px; scroll-margin-top:110px; }
.help-section h2 { color:var(--text-accent); font-size:1.3rem; margin-bottom:10px; }
.help-section p + p { margin-top:12px; }
.help-section details { border:1px solid var(--border-color); border-radius:8px; margin:12px 0; background:var(--bg-card); scroll-margin-top:110px; }
.help-section summary { padding:14px 16px; cursor:pointer; font-weight:600; }
.help-section details[open] summary { border-bottom:1px solid var(--border-color); }
.help-answer { padding:16px; }
.help-main a:hover { text-decoration:underline; }
.help-page a:focus-visible, .help-theme:focus-visible, .help-section summary:focus-visible { outline:2px solid var(--text-accent); outline-offset:4px; }
@media(max-width:480px) { .help-main { padding:20px 16px; } .help-toolbar { padding:10px 12px; gap:8px; } .help-back, .help-theme { font-size:.95rem; } }