/* --- Help --------------------------------------------------------------- */
.help { display: grid; gap: var(--s-6); }
.help > section {
  background: var(--surface); border: 1px solid var(--rule); border-radius: var(--r-lg);
  box-shadow: var(--shadow-xs); padding: var(--s-5);
  scroll-margin-top: calc(var(--ctl) * 3);
}
.help h2 { margin-bottom: var(--s-5); }
.help h3 { margin: var(--s-6) 0 var(--s-3); }
.help p, .help ol, .help ul { margin: 0 0 var(--s-5); max-width: 68ch; }
.help ol, .help ul { padding-left: var(--s-6); }
.help li + li { margin-top: var(--s-3); }
.help section > :last-child { margin-bottom: 0; }
.help__hit {
  background: var(--warn-weak); border-radius: var(--r-sm);
  box-shadow: 0 0 0 2px var(--warn-weak);
  scroll-margin-top: calc(var(--ctl) * 4);
}
.help__hit:target { box-shadow: 0 0 0 2px var(--warn-line); }

.help__toc { margin: 0; padding-left: calc(var(--s-5) + var(--s-6)); }
.help__toc li + li { margin-top: var(--s-3); }
.help__jumps { display: inline-flex; flex-wrap: wrap; gap: var(--s-4); margin-left: var(--s-4); }

@media (min-width: 640px) {
  .help > section { padding: var(--s-6); }
  .help__toc { columns: 2; column-gap: var(--s-7); }
  .help__toc li { break-inside: avoid; }
}