.faq-page {
  padding-top:var(--space-6);
}
.faq-intro {
  max-width:var(--reading-width);
  margin-bottom:var(--space-5);
}
.faq-eyebrow {
  margin-bottom:var(--space-2);
  color:var(--text-muted);
  font-family:var(--font-mono);
  overflow-wrap:anywhere;
}
.faq-intro h1 {
  margin-bottom:var(--space-3);
}
.faq-lead {
  max-width:32em;
  margin-bottom:var(--space-3);
  color:var(--text);
  font-size:var(--fs-h3);
}
.faq-intro a,
.faq-further a {
  color:var(--text);
  text-decoration-thickness:1px;
}
.faq-navigation {
  max-width:100%;
}
.faq-category {
  padding-top:var(--space-6);
  scroll-margin-top:var(--space-7);
}
.faq-category-heading {
  margin-bottom:var(--space-3);
}
.faq-category-heading h2 {
  margin-bottom:var(--space-2);
}
.faq-category-heading p {
  margin-bottom:0;
}
.faq-page .faq-item[open] {
  background:radial-gradient(ellipse at 100% 0,var(--mist-apricot),var(--clear) 55%),var(--panel);
}
.faq-page .faq-item[open] summary {
  border-bottom:1px solid var(--line);
}
.faq-page .faq-answer {
  padding-top:var(--space-3);
}
.faq-page .faq-answer p {
  max-width:var(--reading-width);
}
.faq-page .faq-item summary {
  overflow-wrap:anywhere;
}
.faq-page .faq-item summary:focus-visible {
  outline-color:var(--accent-readable);
  outline-offset:-5px;
  border-radius:var(--r-card);
}
.faq-further {
  margin-top:var(--space-4);
  margin-bottom:0;
}
@media (max-width:768px) {
  .faq-page {
    padding-top:var(--space-5);
  }
  .faq-lead {
    font-size:var(--fs-body);
  }
  .faq-navigation {
    gap:0;
  }
  .faq-navigation a {
    padding-inline:var(--space-2);
  }
  .faq-category {
    padding-top:var(--space-5);
    scroll-margin-top:var(--space-3);
  }
}