.faq-page{display:block}

.faq-intro-inner{
  max-width:720px;
  margin-inline:auto;
  text-align:center;
}

.faq-section .faq-list{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
  max-width:900px;
  margin-inline:auto;
}

.faq-section .faq-item{
  border:var(--border-default);
  border-radius:var(--radius-sm);
  background:var(--color-surface-bg);
  overflow:hidden;
}

.faq-question{
  width:100%;
  text-align:left;
  padding:var(--space-2);
  font-weight:600;
}

.faq-answer{
  display:none;
  padding:0 var(--space-2) var(--space-2);
}

.faq-item.active .faq-answer{
  display:block;
}

.faq-section.alt{
  background:var(--color-primary-bg);
}

.faq-media{
  max-width:900px;
  margin:0 auto var(--space-3);
}

.faq-media img{
  width:100%;
  border-radius:var(--radius-sm);
}

.container.narrow{
  max-width:720px;
}

.faq-summary-inner{
  max-width:720px;
  margin-inline:auto;
  text-align:center;
}

.faq-contact-inner{
  max-width:600px;
  margin-inline:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

@media (max-width:900px){
  .faq-intro-inner,
  .faq-summary-inner,
  .faq-contact-inner{
    text-align:left;
  }
}