.faq-page {
  padding-bottom: var(--space-10);
}

.faq-layout {
  display: grid;
  grid-template-columns: var(--app-sidebar-width) minmax(0, 1fr);
  gap: var(--app-sidebar-gap);
  align-items: start;
}

.faq-content {
  min-width: 0;
  max-width: var(--public-readable-width);
}

.faq-group {
  padding-block: var(--space-8);
  scroll-margin-top: 92px;
}

.faq-group:first-child {
  padding-top: 0;
}

.faq-group h2 {
  margin-bottom: var(--space-5);
}

.faq-group details {
  border: 0;
}

.faq-group details + details {
  border-top: 1px solid var(--app-divider-soft);
}

.faq-group summary {
  padding: var(--space-5) var(--space-8) var(--space-5) 0;
  color: var(--app-text);
  font-size: var(--type-subtitle);
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
}

.faq-group details p {
  width: 100%;
  padding: 0 0 var(--space-5);
  color: var(--app-text-secondary);
  font-size: var(--type-body);
  line-height: var(--line-height-relaxed);
}

.faq-group details a {
  color: var(--app-accent);
}

.faq-contact {
  margin-top: var(--space-6);
}

@media (max-width: 760px) {
  .faq-layout {
    grid-template-columns: 1fr;
    gap: var(--space-8);
  }

}