html {
  scroll-behavior:smooth;
}

.help-document {
  max-width:var(--site-width);
}

.help-intro {
  max-width:var(--reading-width);
}

.help-lead {
  max-width:var(--description-width);
  color:var(--muted);
  font-size:var(--fs-body);
  line-height:var(--lh-prose);
}

.help-facts {
  display:flex;
  flex-wrap:wrap;
  gap:var(--s2);
  margin-top:var(--s6);
}

.help-category {
  padding-top:var(--s16);
  padding-bottom:var(--s4);
}

.category-heading {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--s5);
  align-items:start;
  max-width:var(--reading-width);
  margin-bottom:var(--s8);
}

.category-heading .section-icon {
  margin-bottom:0;
}

.category-heading h2 {
  margin-bottom:var(--s3);
}

.category-heading p {
  color:var(--muted);
  line-height:var(--lh-prose);
}

.help-category .faq-list {
  max-width:var(--reading-width);
}

.help-category .faq-item {
  padding-top:var(--s5);
  padding-bottom:var(--s5);
}

.help-category .faq-item summary {
  padding-right:var(--s6);
  font-size:var(--fs-body);
  line-height:var(--lh);
}

.help-category .faq-item p {
  max-width:var(--description-width);
  margin-top:var(--s4);
  margin-bottom:var(--s2);
  padding-left:var(--s5);
  border-left:var(--hairline) solid var(--border);
  line-height:var(--lh-prose);
}

.help-next {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--s8);
  margin-top:var(--s16);
}

.help-next h2 {
  font-size:var(--fs-h3);
  margin-bottom:var(--s3);
}

.help-next p {
  max-width:var(--description-width);
  margin-bottom:0;
  color:var(--muted);
}

.help-actions {
  display:flex;
  flex-wrap:wrap;
  gap:var(--s3);
  flex-shrink:0;
}

@media (max-width:768px) {
  .help-category {
    padding-top:var(--s12);
  }

  .category-heading {
    gap:var(--s4);
    margin-bottom:var(--s6);
  }

  .help-next {
    flex-direction:column;
    align-items:flex-start;
    gap:var(--s6);
    margin-top:var(--s12);
  }

  .help-actions {
    width:100%;
  }

  .help-actions .button {
    flex:1;
  }
}

@media (max-width:640px) {
  .category-heading {
    grid-template-columns:1fr;
  }

  .category-heading .section-icon {
    margin-bottom:var(--s2);
  }

  .help-category .faq-item p {
    padding-left:var(--s4);
  }

  .help-actions {
    flex-direction:column;
  }

  .help-actions .button {
    width:100%;
  }
}

@media (prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
}