/* ---- FAQ list — static question/answer pairs, not a collapsible
   accordion: every answer is always visible, no JS, no <details>. ---- */

.faq-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-10);
}

/* Two-column layout — items fill left-to-right, top-to-bottom (grid's
   default row auto-flow), so with four items that's two rows of two.
   Column gap is deliberately wide so the two columns read as clearly
   separate, not just adjacent. */
@media (min-width: 768px) {
  .faq-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: var(--space-24);
    row-gap: var(--space-16);
  }
}

.faq-item {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.faq-item__question {
  color: var(--color-text);
}

.faq-item__answer {
  max-width: 42rem;
  color: var(--color-text-muted);
}