.jp-help { --help-accent: #654b85; max-width: 64rem; margin-inline: auto; }
.jp-help__intro { padding: clamp(1.25rem, 4vw, 2.25rem); }
.jp-help__intro h1 { margin: 0; }
.jp-help__topics, .jp-help__section, .jp-help__contact { margin-top: 2.5rem; }
.jp-help__topic-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; }
.jp-help__topic { display: flex; align-items: flex-start; gap: .85rem; padding: 1rem; margin: 0; color: inherit; text-decoration: none; border: 1px solid transparent; }
.jp-help__topic:hover { border-color: currentColor; text-decoration: none; }
.jp-help__topic > i { margin-top: .25rem; color: var(--help-accent); width: 1.25rem; text-align: center; flex-shrink: 0; }
.jp-help__topic strong, .jp-help__topic span > span { display: block; }
.jp-help__topic span > span { font-size: .875rem; line-height: 1.5; margin-top: .3rem; }
.jp-help__section { scroll-margin-top: 6rem; }
.jp-help__section > h2 { margin-bottom: .5rem; }
.jp-help__section .accordion-body { padding: 0 1.25rem 1rem; line-height: 1.7; overflow-wrap: anywhere; }
.jp-help__section .accordion-body p:last-child { margin-bottom: 0; }
.jp-help__section summary:focus-visible, .jp-help a:focus-visible { outline: 3px solid var(--help-accent); outline-offset: 3px; }
.jp-help__back { font-size: .85rem; }
.jp-help__glossary { display: grid; grid-template-columns: auto 1fr; gap: .5rem 1rem; }
.jp-help__glossary dt { font-weight: 700; }
.jp-help__glossary dd { margin: 0; }
.jp-help__contact { padding: 1.5rem; }
@media (max-width: 560px) {
    .jp-help__topic-grid { grid-template-columns: 1fr; }
}