.faq-intro {
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.faq-intro::before {
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  z-index:-1;
  width:38%;
  background:var(--grad-soft);
  pointer-events:none;
}
.faq-intro-grid {
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  align-items:center;
  gap:64px;
}
.faq-intro-grid > * {
  min-width:0;
}
.faq-intro-links {
  margin-top:28px;
}
.faq-check-order {
  border-top:3px solid var(--accent-line);
}
.faq-check-order ol {
  display:grid;
  gap:16px;
  margin:20px 0;
  padding-left:24px;
}
.faq-check-order li {
  padding-left:8px;
}
.faq-check-order li::marker {
  color:var(--accent-dark);
  font-family:var(--font-mono);
  font-size:var(--f-13);
}
.faq-check-order strong {
  display:block;
  font-weight:var(--weight-medium);
}
.faq-check-order li span {
  display:block;
  margin-top:2px;
  color:var(--muted);
  font-size:var(--f-14);
}
.faq-check-order > p {
  margin-bottom:0;
}
.faq-categories {
  margin-top:40px;
}
.faq-category-heading {
  margin-bottom:28px;
}
.faq-category-heading h2 {
  margin-top:10px;
  margin-bottom:14px;
}
.faq-category-heading > p {
  margin-bottom:0;
}
.faq-related {
  margin-top:24px;
  margin-bottom:0;
  font-size:var(--f-14);
  line-height:1.9;
}
.faq-related + a {
  display:inline-block;
  margin-top:24px;
  font-size:var(--f-14);
}
@media (max-width:900px) {
  .faq-intro-grid {
    grid-template-columns:minmax(0,1fr);
    gap:32px;
  }
  .faq-intro::before {
    width:24%;
  }
}
@media (max-width:640px) {
  .faq-categories {
    gap:4px;
    margin-top:28px;
    padding:10px;
  }
  .faq-categories a {
    padding:10px 12px;
  }
  .faq-intro-links {
    align-items:flex-start;
    flex-direction:column;
    gap:16px;
  }
}