.faq-opening {
  padding-top:32px;
  padding-bottom:32px;
}
.faq-mast {
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
  align-items:center;
  gap:48px;
  padding:48px;
  border-radius:var(--radius-hero);
  background:var(--ink);
  color:var(--on-dark);
}
.faq-mast > * {
  min-width:0;
}
.faq-kicker {
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-size:var(--size-small);
  color:var(--on-dark-muted);
}
.faq-mast h1 {
  margin:20px 0;
  font-size:var(--size-h1);
}
.faq-mast h1 span {
  color:var(--accent);
}
.faq-mast-copy > p {
  max-width:34em;
  margin-bottom:28px;
  color:var(--on-dark-muted);
}
.faq-mast :focus-visible {
  outline-color:var(--accent);
}
.faq-checklist {
  padding:28px;
  border:1px solid var(--on-dark-line);
  border-radius:var(--radius-card);
  background:var(--on-dark-fill);
}
.faq-checklist h2 {
  margin:0 0 18px;
  font-size:var(--size-h3);
}
.faq-checklist ol {
  margin:0;
  padding-left:24px;
  color:var(--on-dark-muted);
}
.faq-checklist li + li {
  margin-top:12px;
}
.faq-checklist li::marker {
  color:var(--accent);
  font-family:var(--font-mono);
}
.faq-checklist p {
  margin:22px 0 0;
  padding-top:18px;
  border-top:1px solid var(--on-dark-line);
  font-size:var(--size-small);
  color:var(--on-dark-muted);
}
.faq-content {
  max-width:calc(var(--reading-width) + var(--gutter)*2);
}
.faq-category {
  padding-top:24px;
  padding-bottom:32px;
  scroll-margin-top:24px;
}
.faq-category-heading {
  margin-bottom:24px;
}
.faq-category-heading h2 {
  margin:0 0 12px;
}
.faq-category-heading p {
  margin:0;
}
.faq-related {
  margin:24px 0 0;
  font-size:var(--size-small);
  color:var(--text-muted);
}
@media (max-width:960px) {
  .faq-mast {
    grid-template-columns:1fr;
    gap:32px;
    padding:36px;
  }
}
@media (max-width:768px) {
  .faq-mast h1 {
    font-size:clamp(24px,5vw,30px);
  }
}
@media (max-width:640px) {
  .faq-opening {
    padding-top:16px;
    padding-bottom:24px;
  }
  .faq-mast {
    padding:28px 20px;
    gap:28px;
  }
  .faq-checklist {
    padding:22px 18px;
  }
  .faq-category {
    padding-top:20px;
    padding-bottom:28px;
  }
}