/* Help follows the app theme; a reading layout, not a second design system. */
.help-page main { max-width: 1200px; }
.help-page h1 { font-size: clamp(2rem, 4vw, 3rem); line-height: 1.15; margin: .4rem 0 1rem; }
.help-page p, .help-page li, .help-page summary, .help-page label, .help-page select { font-size: 1.05rem; line-height: 1.6; }
.help-page .help-eyebrow, .help-page .help-step-number { font-size: .85rem; letter-spacing: .06em; text-transform: uppercase; color: var(--text-muted); }
.help-intro { max-width: 760px; }
.help-actions { display:flex; flex-wrap:wrap; align-items:center; gap:1.5rem; margin:1.5rem 0; }
.help-variants { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem; margin:1.5rem 0 2.5rem; }
.help-variants[hidden] { display:none; }
.help-variants select { width:auto; min-width:190px; }
.help-variants span { font-size:.9rem; }
.help-layout { display:grid; grid-template-columns: 245px minmax(0,1fr); gap:3rem; align-items:start; }
.help-contents { border:0; background:transparent; padding:0; position:sticky; top:1rem; }
.help-contents summary { font-weight:700; }
.help-contents ol { padding-left:1.5rem; }
.help-contents li { font-size:.95rem; margin:.5rem 0; }
.help-contents a { text-decoration:none; }
.help-step { border:0; border-top:1px solid var(--border); border-radius:0; background:transparent; padding:2rem 0; margin:0; scroll-margin-top:1rem; }
.help-step h2 { font-size:1.8rem; margin:.4rem 0 1.25rem; }
.help-step li { margin:.7rem 0; padding-left:.25rem; }
.help-note { border-left:3px solid var(--accent); padding:.75rem 1rem; background:var(--surface); }
.help-page figure { margin:1.5rem 0; }
.help-page figure img { display:block; width:100%; height:auto; border:1px solid var(--border); border-radius:4px; }
.help-page figure img[data-phone="true"] { width:min(100%,390px); margin:auto; }
.help-page figcaption { margin:.65rem 0; font-size:.9rem; line-height:1.5; }
.help-image-options { padding:.5rem 0; background:transparent; border:0; }
.help-image-options summary, .help-image-options a, .help-back { font-size:.9rem; }
.help-image-options a { display:inline-block; margin:.5rem 1rem .5rem 0; }
.help-faq { max-width:800px; margin:auto; }
.help-questions { margin-top:2rem; }
.help-questions details { border:0; border-top:1px solid var(--border); border-radius:0; background:transparent; padding:1.1rem 0; }
.help-questions details:last-child { border-bottom:1px solid var(--border); }
.help-questions summary { cursor:pointer; font-weight:700; padding-right:1rem; }
.help-answer { padding:.2rem 1.3rem; }
.help-page a:focus-visible, .help-page summary:focus-visible, .help-page select:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
@media(max-width:800px) { .help-layout { display:block; } .help-contents { position:static; margin-bottom:2rem; } .help-page main { padding:1rem; } .help-heading h1 { font-size:2.1rem; } .help-step { padding:1.5rem 0; } }

.help-page .help-questions summary::before, .help-page .help-contents summary::before, .help-page .help-image-options summary::before { content: "▸"; display:inline-block; width:1.2em; color:var(--accent); }
.help-page details[open] > summary::before { content: "▾"; }