.help-main { max-width: 1200px }
.help-lede { max-width: 76ch; font-size: 1.1rem }
.help-modes { margin: 22px 0 }
.help-layout { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 24px; align-items: start }
.help-contents { display: block; position: sticky; top: 20px }
.help-contents h2 { font-size: 1.3rem }
.help-contents ol { padding-left: 22px; margin-bottom: 0 }
.help-contents li { padding: 5px 0 }
.help-contents a[aria-current] { font-weight: 750; color: var(--green) }
.help-content { overflow-wrap: anywhere }
.manual-topic { scroll-margin-top: 20px }
.manual-topic + .manual-topic { margin-top: 34px; border-top: 1px solid var(--line); padding-top: 28px }
.manual-topic li { margin-bottom: 10px }
.manual-topic dd { margin: 6px 0 18px 16px }
.help-example { background: #f1e5d1; padding: 16px 20px; border-left: 4px solid var(--green); margin: 22px 0 }
.help-example h3:first-child { margin-top: 0 }
.help-check { border-top: 1px solid var(--line); padding-top: 16px }
.help-table { overflow-x: auto }
.help-table table { min-width: 0; width: 100%; margin: 18px 0 }
.help-table caption { text-align: left; font-weight: 700; margin-bottom: 8px }
#tutorial-progress { font-weight: 700; color: var(--green); margin-top: 0 }
#tutorial-controls { margin-top: 24px; border-top: 1px solid var(--line); padding-top: 20px }
.help-problems dt { font-weight: 700 }
.skip-help { position: absolute; top: -100px; left: 20px; padding: 10px; background: white; z-index: 1 }
.skip-help:focus { top: 10px }
.help-link { color: var(--plum); white-space: nowrap }
.help-start { margin: 16px 0 24px }
@media (max-width: 800px) {
  .help-layout { grid-template-columns: 1fr }
  .help-contents { position: static }
  .help-contents ol { columns: 2; column-gap: 30px }
  .help-contents li { break-inside: avoid }
}
@media (max-width: 450px) { .help-contents ol { columns: 1 } }
@media print {
  body { background: white; color: black; font-size: 11pt }
  header, footer, .help-modes, .help-contents, .skip-help, #tutorial-controls, #tutorial-progress, #tutorial-finished { display: none !important }
  .help-main { width: 100%; margin: 0 }
  .help-layout { display: block }
  .help-content { border: 0; box-shadow: none; padding: 0 }
  .manual-topic[hidden] { display: block !important }
  h2, h3 { break-after: avoid }
  .help-example, tr { break-inside: avoid }
  .help-table { overflow: visible }
}