/* ==========================================================================
   FAQ — single-open accordion
   ========================================================================== */

.faq { background: var(--bg); }
.faq__inner { max-width: 860px; margin-inline: auto; }
.faq__list { display: flex; flex-direction: column; gap: 12px; }

.faq-item {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
  transition: border-color .2s ease;
}
.faq-item[open] { border-color: var(--red); }
.faq-item summary {
  display: flex; align-items: center; gap: 16px;
  padding: 20px 24px; cursor: pointer; list-style: none;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item__q { flex: 1; font-weight: 700; font-size: 17px; color: var(--heading); }
.faq-chevron { width: 22px; height: 22px; color: var(--text-faint); transition: transform .2s ease; flex: none; }
.faq-item[open] .faq-chevron { transform: rotate(180deg); }
.faq-item__answer { padding: 0 24px 22px; }
.faq-item__answer p { color: var(--text-mute); line-height: 1.7; }
.faq-item__answer p + p { margin-top: 12px; }

.faq__cta { display: inline-flex; margin-top: 32px; }