.help-intro { display: grid; gap: var(--space-5); align-items: center; margin-block-end: var(--space-6); }
.help-intro .illustration { max-width: min(100%, 360px); justify-self: center; }
@media (min-width: 768px) {
  .help-intro { grid-template-columns: minmax(0, 3fr) minmax(240px, 2fr); }
}

.help-search { margin-block-end: var(--space-6); }
.help-search h2 { font-size: var(--text-xl); margin-block-end: var(--space-2); }
.search-controls { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.search-controls input[type="search"] { flex: 1 1 240px; max-width: 100%; font-size: var(--text-body); }
.search-controls .button { flex: 0 0 auto; }
.search-status { min-height: 1.5em; margin-block: var(--space-3) 0; color: var(--muted); }
.search-results { list-style: none; margin: var(--space-3) 0 0; padding: 0; display: grid; gap: var(--space-3); }
.search-result { background: var(--surface); border: var(--border-width) solid var(--line); border-radius: var(--radius-md); padding: var(--space-3) var(--space-4); }
.search-result a { font-weight: var(--weight-bold); display: inline-block; min-height: var(--tap-target); line-height: var(--tap-target); }
.search-result-text { margin: 0; color: var(--muted); font-size: var(--text-sm); }

.help-topics { margin-block-end: var(--space-7); }
.help-topics h2 { margin-block-end: var(--space-4); }
.help-topic { display: flex; flex-direction: column; gap: var(--space-2); }
.help-topic .card-title a { text-decoration: none; }
.help-topic .card-title a:hover, .help-topic .card-title a:focus-visible { text-decoration: underline; }
.help-topic p { margin: 0; color: var(--muted); }
.help-topic .icon { color: var(--primary); }

.help-page { max-width: var(--measure); }
.help-page h2 { margin-block: var(--space-6) var(--space-3); }
.help-page h3 { margin-block: var(--space-5) var(--space-2); }
.help-page ol, .help-page ul { padding-inline-start: 1.4em; }
.help-page li + li { margin-block-start: var(--space-2); }
.help-page .notice { margin-block: var(--space-5); }

.help-related { margin-block: var(--space-6); padding: var(--space-4) var(--space-5); border: var(--border-width) solid var(--line); border-radius: var(--radius-lg); background: var(--surface); }
.help-related h2 { font-size: var(--text-xl); margin-block: 0 var(--space-3); }
.help-related ul { margin: 0; padding-inline-start: 1.2em; }

.early-tool .calc-figure-value { font-size: var(--text-figure); }
.early-tool input[type="number"][data-field="k"] { max-width: 160px; }

.faq-intro { margin-block-end: var(--space-5); }
.faq-groups h2 { margin-block: var(--space-6) var(--space-3); font-size: var(--text-xl); }