/* generated by scripts/help/build_help.py — do not edit (source: scripts/help/templates/help.css) */
.help-layout { display: grid; grid-template-columns: 17rem minmax(0, 1fr); gap: 2.5rem; max-width: 72rem; margin: 0 auto; padding: 2rem 1.25rem 4rem; }
.help-nav { font-size: 0.95rem; align-self: start; position: sticky; top: 1rem; max-height: calc(100vh - 2rem); overflow-y: auto; }
.help-nav h2 { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-faint); margin: 1.2rem 0 0.4rem; }
.help-nav h2:first-child { margin-top: 0; }
.help-nav h2 a { color: inherit; text-decoration: none; }
.help-nav ul { list-style: none; margin: 0; padding: 0; }
.help-nav li a { display: block; padding: 0.25rem 0.6rem; border-radius: 8px; color: var(--text-soft); text-decoration: none; }
.help-nav li a:hover { background: var(--bg-sunken); }
.help-nav li a[aria-current="page"] { background: var(--accent-soft); color: var(--accent-strong); font-weight: 600; }
.help-article { max-width: var(--measure); min-width: 0; }
.help-article > * + * { margin-top: 1rem; }
.help-article h2 { margin-top: 2.2rem; }
.help-article h3 { margin-top: 1.6rem; }
.help-article ul, .help-article ol { padding-left: 1.4rem; }
.help-article li + li { margin-top: 0.35rem; }
.help-article code { background: var(--bg-sunken); border-radius: 5px; padding: 0.05rem 0.35rem; font-size: 0.92em; }
.help-callout { border-left: 4px solid var(--accent); background: var(--accent-soft); border-radius: var(--radius); padding: 0.8rem 1rem; }
.help-callout p { margin: 0; }
.help-callout-label { font-weight: 700; color: var(--accent-strong); }
.help-callout-important { border-left-color: #b4540a; }
.help-figure { margin: 1.5rem 0; }
.help-figure img { display: block; max-width: 100%; height: auto; border-radius: var(--radius); box-shadow: var(--shadow); }
.help-figure figcaption { font-size: 0.9rem; color: var(--text-soft); margin-top: 0.5rem; }
.help-list { list-style: none; padding: 0; }
.help-list li { padding: 0.8rem 0; border-bottom: 1px solid var(--border); }
.help-list a { font-weight: 600; }
.help-list p { margin: 0.15rem 0 0; color: var(--text-soft); }
.help-related { margin-top: 2.5rem; }
@media (max-width: 52rem) {
  .help-layout { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  .help-nav { position: static; max-height: none; }
}
.help-figure-portrait img { max-width: min(100%, 20rem); }