.faq-intro {
  padding-top:var(--space-8);
  padding-bottom:var(--space-7);
}
.faq-intro__layout {
  display:grid;
  grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  gap:var(--space-8);
  align-items:center;
  margin-bottom:var(--space-7);
}
.faq-intro__layout > * {
  min-width:0;
}
.faq-intro h1 {
  margin-top:var(--space-4);
  margin-bottom:var(--space-5);
  letter-spacing:var(--tracking-display);
}
.faq-intro__lead {
  font-size:var(--text-lg);
  font-weight:var(--weight-semibold);
  line-height:var(--leading-prose);
}
.faq-intro .muted {
  margin-bottom:0;
  line-height:var(--leading-prose);
}
.faq-intro__note {
  margin-top:0;
  margin-bottom:0;
}
.faq-category {
  scroll-margin-top:var(--space-5);
}
.faq-category .section__head {
  margin-bottom:var(--space-6);
}
.faq-category .section__head h2 {
  margin-top:var(--space-3);
  margin-bottom:var(--space-4);
}
.faq-category .section__head p:last-child {
  margin-bottom:0;
  line-height:var(--leading-prose);
}
.faq-category__questions {
  border-top:1px solid var(--border);
}
.faq-category.section--soft .faq-category__questions {
  padding-inline:var(--space-5);
  background:var(--bg);
  color:var(--text);
  border:1px solid var(--border);
  border-radius:var(--r-card);
  box-shadow:var(--shadow-hair);
}
.faq-category.section--soft .faq-item:last-child {
  border-bottom:0;
}
.faq-category__questions summary {
  line-height:var(--leading-body);
  overflow-wrap:anywhere;
}
.faq-category__questions .faq-item__body {
  max-width:88ch;
}
.faq-category__next {
  margin-top:var(--space-5);
  margin-bottom:0;
}
.faq-category details:target {
  outline:2px solid var(--accent-a40);
  outline-offset:4px;
  scroll-margin-top:var(--space-6);
}
@media (max-width:768px) {
  .faq-intro__layout {
    grid-template-columns:minmax(0,1fr);
    gap:var(--space-5);
  }
}
@media (max-width:640px) {
  .faq-intro {
    padding-top:var(--space-7);
    padding-bottom:var(--space-6);
  }
  .faq-intro__layout {
    margin-bottom:var(--space-6);
  }
  .faq-category.section--soft .faq-category__questions {
    padding-inline:var(--space-4);
  }
  .faq-category__questions .faq-item__body {
    padding-right:0;
  }
}