/* ===== Page Questions de parents (FAQ) ===== */
.faq-hero { background: linear-gradient(180deg, var(--bleu-light) 0%, var(--creme) 100%); padding: var(--space-3xl) var(--space-xl); text-align: center; }
.faq-hero h1 { color: var(--bleu); margin-bottom: var(--space-md); }
.faq-hero p { max-width: 640px; margin: 0 auto; font-size: 18px; }

.faq-page { max-width: 860px; margin: 0 auto; padding: var(--space-3xl) var(--space-xl) var(--space-4xl); }
.faq-item { border: 1px solid var(--gris-doux); border-radius: var(--radius-lg); margin-bottom: var(--space-md); overflow: hidden; background: var(--blanc); box-shadow: var(--shadow-soft); }
.faq-item summary {
    padding: var(--space-lg); font-family: var(--font-display); font-weight: 700; font-size: 18px;
    color: var(--noir-doux); cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: var(--space-md);
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: "+"; font-size: 26px; line-height: 1; color: var(--orange); flex-shrink: 0; transition: transform 0.2s; }
.faq-item[open] summary { color: var(--bleu); }
.faq-item[open] summary::after { content: "\2013"; }
.faq-answer { padding: 0 var(--space-lg) var(--space-lg); }
.faq-answer p { color: var(--gris-fonce); margin-bottom: var(--space-md); line-height: 1.7; }
.faq-answer ul { margin: var(--space-md) 0; padding-left: 22px; }
.faq-answer ul li { margin-bottom: var(--space-xs); color: var(--gris-fonce); }

.faq-temoignage { border-radius: var(--radius-md); padding: var(--space-md) var(--space-lg); margin-top: var(--space-md); font-size: 15px; line-height: 1.6; }
.faq-temoignage .label { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; margin-bottom: 4px; opacity: 0.75; }
.faq-temoignage .who { display: block; margin-top: var(--space-xs); font-weight: 700; font-size: 13px; }
.faq-temoignage.parent { background: var(--bleu-light); color: var(--gris-fonce); }
.faq-temoignage.parent .label, .faq-temoignage.parent .who { color: var(--bleu); }
.faq-temoignage.enfant { background: var(--jaune-light); color: var(--noir-doux); }
.faq-temoignage.enfant .label, .faq-temoignage.enfant .who { color: var(--orange); }