body.kh-help {margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,sans-serif}
.kh-help * {box-sizing:border-box}
.kh-help main {max-width:960px;margin:auto;padding:32px;min-width:0}
.kh-help header,.help-actions {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.kh-help h1 {margin-top:0;font-size:2rem}
.kh-help h2 {font-size:1.4rem}
.kh-help a {color:var(--primary)}
.kh-help input,.kh-help button,.kh-help select {font:inherit;min-height:48px;max-width:100%;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--fg)}
.kh-help input {display:block;width:100%;margin-top:8px}
.kh-help button,.kh-help summary {cursor:pointer}
.kh-help button:disabled {opacity:.55;cursor:default}
.kh-help :focus-visible {outline:3px solid var(--kh-primary);outline-offset:3px}
.help-card {padding:20px;margin:16px 0;border:1px solid var(--line);border-radius:12px;background:var(--surface);scroll-margin-top:24px}
.help-card summary {font-weight:700;min-height:44px;align-content:center}
.help-actions {justify-content:flex-start;margin-top:20px}
.kh-help [hidden] {display:none!important}
.kh-help .eyebrow,#search-hint {color:var(--mut)}
@media(max-width:40rem) {.kh-help main {padding:20px 16px}.help-card {padding:16px}}
