.faq-intro {
  max-width:760px;
  margin-bottom:48px;
}
.faq-intro h1 {
  margin:16px 0 24px;
}
.faq-intro__lede {
  max-width:660px;
  color:var(--text-muted);
  line-height:1.85;
}
.faq-intro .badges {
  margin-top:24px;
}
.faq-categories {
  box-shadow:var(--shadow-chip);
}
.faq-category {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,2fr);
  gap:48px;
  padding-top:64px;
  padding-bottom:24px;
  scroll-margin-top:96px;
}
.faq-category__head,
.faq-category__questions {
  min-width:0;
}
.faq-category__head h2 {
  margin:12px 0 18px;
}
.faq-category__head > p:last-child {
  max-width:290px;
  color:var(--text-muted);
  font-size:14px;
  line-height:1.9;
}
.faq-category__questions {
  align-self:start;
  border:1px solid var(--border);
  border-bottom:0;
  border-radius:var(--radius-lg);
  background:var(--bg-panel);
  box-shadow:var(--shadow-near);
  overflow:hidden;
}
.faq-category__questions .faq-item {
  scroll-margin-top:100px;
}
.faq-category__questions .faq-item summary {
  line-height:1.75;
  overflow-wrap:anywhere;
}
.faq-category__questions .faq-item__answer {
  font-size:14px;
  line-height:1.95;
  overflow-wrap:break-word;
}
.faq-category__questions .faq-item__answer a,
.faq-reference a {
  text-decoration:underline;
  text-underline-offset:4px;
}
.faq-reference {
  margin-top:48px;
  margin-bottom:0;
}
@media (max-width:768px) {
  .faq-intro {
    margin-bottom:32px;
  }
  .faq-category {
    grid-template-columns:minmax(0,1fr);
    gap:20px;
    padding-top:44px;
    padding-bottom:12px;
    scroll-margin-top:112px;
  }
  .faq-category__head > p:last-child {
    max-width:none;
    margin-bottom:0;
  }
  .faq-category__questions .faq-item {
    scroll-margin-top:112px;
  }
  .faq-categories {
    gap:4px 20px;
  }
}