.faq-masthead {
  padding: 40px;
  border-radius: var(--r-block);
  background: var(--bg-panel-2);
  color: var(--on-dark);
}
.faq-masthead h1 {
  margin-top: 20px;
  margin-bottom: 20px;
  color: var(--on-dark);
}
.faq-masthead .badge {
  border-color: var(--line-on-dark-strong);
  background: var(--ink-card);
  color: var(--accent);
}
.faq-lead {
  max-width: var(--reading-width);
  margin-bottom: 16px;
  color: var(--on-dark);
  font-size: var(--size-h3);
  line-height: var(--line-body);
}
.faq-scope {
  max-width: var(--reading-width);
  margin-bottom: 0;
  color: var(--on-dark-muted);
}
.faq-reference {
  margin-top: 24px;
  margin-bottom: 0;
  color: var(--text-muted);
  font-size: var(--size-small);
  line-height: var(--line-prose);
}
@media (max-width: 640px) {
  .faq-masthead {
    padding: var(--space-card);
  }
}