.faq-intro {
  margin-bottom: 32px;
}

.faq-intro h1 {
  margin-inline: 0;
}

.faq-intro .lead {
  margin-inline: 0;
  margin-bottom: 20px;
}

.faq-intro a,
.faq-page > .callout a {
  color: var(--accent-dark);
}

.faq-category {
  padding-top: 56px;
}

.faq-category__heading {
  margin-bottom: 12px;
}

.faq-category__heading > .mono {
  margin-bottom: 10px;
  font-size: var(--small-size);
  letter-spacing: .06em;
}

.faq-category__heading h2 {
  margin-bottom: 12px;
}

.faq-category__heading > p:last-child {
  margin-bottom: 20px;
}

.faq-page .faq-item__body {
  line-height: 1.85;
  overflow-wrap: break-word;
}

.faq-page .faq-item__body code {
  color: var(--text);
}

.faq-page > .callout {
  margin-top: 48px;
  margin-bottom: 0;
}

@media (max-width: 640px) {
  .faq-category {
    padding-top: 40px;
  }

  .faq-intro {
    margin-bottom: 24px;
  }
}