/* FAQ-Abschnitt (Startseite und Landing Pages): eine Quelle, aus landing.css herausgelöst (SEO-Paket S2, 08.11.2026). */
.faq-list { margin-top: var(--sp-8); display: flex; flex-direction: column; gap: var(--sp-3); max-width: 76ch; }
.faq-item { background: var(--surface-2); border: 1px solid var(--border-strong); border-radius: var(--r-card); padding: var(--sp-2) var(--sp-6); }
.faq-item summary { cursor: pointer; list-style: none; padding: var(--sp-4) 0; font-weight: 700; display: flex; justify-content: space-between; gap: var(--sp-4); align-items: baseline; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: '+'; color: var(--pink); font-weight: 700; }
.faq-item[open] summary::after { content: '–'; }
.faq-item summary h3 { margin: 0; font: inherit; }
.faq-item__answer { margin: 0 0 var(--sp-4); color: var(--muted); }