/* Help: the user guide, the admin guide and their questions. */
.help { max-width: 1080px; }
.help-tabs { text-decoration: none; }
.help-tabs .seg-option { text-decoration: none; }
.help-tabs .seg-option.on span { background: var(--accent); color: var(--accent-ink); }
.help-cols { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 56px; align-items: start; }
.help-toc { position: sticky; top: 88px; }
.help-toc ol { list-style: none; margin: 0; padding: 0; border-left: 1px solid var(--line); }
.help-toc li a { display: block; padding: 6px 0 6px 14px; font-size: 14px; color: var(--ink-60); text-decoration: none; }
.help-toc li a:hover { color: var(--ink); }
.help-body { max-width: 680px; }
.help-intro { font-size: 18px; line-height: 1.55; color: var(--ink-60); margin-bottom: 32px; }
.help-section { padding: 28px 0 8px; border-top: 1px solid var(--line); scroll-margin-top: 88px; }
.help-section h2 { font-size: 21px; margin-bottom: 14px; }
.help-section p, .help-section li { font-size: 16px; line-height: 1.6; }
.help-steps, .help-list { margin: 0 0 16px; padding-left: 22px; }
.help-steps li, .help-list li { margin-bottom: 8px; }
.help-filter { max-width: 420px; margin: 0 0 12px; }
.help-faq { border-bottom: 1px solid var(--line); }
.help-faq:first-of-type { border-top: 1px solid var(--line); }
.help-faq summary { cursor: pointer; padding: 14px 0; font-weight: 500; font-size: 16px; list-style: none; display: flex; justify-content: space-between; gap: 16px; }
.help-faq summary::-webkit-details-marker { display: none; }
.help-faq summary::after { content: '+'; font: 400 18px/1 var(--mono); color: var(--muted); }
.help-faq[open] summary::after { content: '−'; }
.help-faq p { margin: 0 0 16px; color: var(--ink-60); }
@media (max-width: 720px) {
  .help-cols { grid-template-columns: 1fr; gap: 20px; }
  .help-toc { position: static; }
  .help-toc ol { columns: 2; column-gap: 16px; }
  .help-toc li { break-inside: avoid; }
}
.help-pdf { display: flex; justify-content: space-between; align-items: center; gap: 12px 20px; flex-wrap: wrap; padding: 16px 18px; margin: 0 0 28px; background: var(--surface); border: 1px solid var(--line); }
.help-pdf .row { gap: 8px; }
.help-intro-media { margin: 0 0 28px; }
.help-intro-media .help-pdf { margin: 0; border-top: 0; }
.help-video { display: block; width: 100%; aspect-ratio: 16 / 9; background: #1F2747; border: 1px solid var(--line); }