/* The help pages (/help), written by scripts/build-help.mjs from app/src/helpDocs.js. */
.crumbs { font-size: 15px; margin-bottom: 8px; }
.crumbs a { color: inherit; }
.helpSearch { display: block; margin-top: 20px; max-width: 640px; }
.helpSearch input { width: 100%; font: inherit; font-size: 18px; padding: 14px 16px; border-radius: 14px; border: 1.5px solid rgba(0,0,0,0.18); background: #fff; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.helpResults ul, .helpSection ul, .helpRelated { list-style: none; padding: 0; margin: 10px 0 0; }
.helpResults li, .helpSection li { padding: 12px 0; border-bottom: 1px solid rgba(0,0,0,0.08); }
.helpResults li a, .helpSection li a { font-weight: 700; font-size: 18px; }
.helpResults li span, .helpSection li span { display: block; opacity: 0.75; margin-top: 2px; }
.helpSections { display: grid; gap: 28px; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.helpSection h2 { margin: 0; }
.helpSummary { opacity: 0.75; margin: 4px 0 0; }
.helpMore { grid-column: 1 / -1; opacity: 0.85; }
.helpBadge { display: inline-block; font-weight: 700; font-size: 14px; padding: 4px 10px; border-radius: 999px; background: rgba(232,163,23,0.18); }
.helpLegend { list-style: none; padding: 0; display: grid; gap: 6px; }
.helpLegend li::before { content: "▸ "; opacity: 0.6; }
.helpOpen { margin-top: 26px; }
.helpRelated li { padding: 6px 0; }