/* « Les questions » (version C, choix d'Abdellah du 5/11/2026) : six questions essentielles, liste centrée,
   une seule ouverte à la fois. */
.faq-entete{text-align:center;max-width:none}
.faq-entete .chapitre{justify-content:center}
.faq-entete .chapitre::after{display:none}
.faq-liste{display:grid;gap:12px;max-width:820px;margin:44px auto 0}
.faq-item{border-radius:22px;background:var(--surface-page);border:1px solid transparent;transition:background .25s,border-color .25s,box-shadow .25s}
.faq-item[open]{background:#fff;border-color:var(--brand-primary);box-shadow:4px 4px 0 var(--brand-accent)}
.faq-item summary{display:flex;align-items:center;gap:16px;padding:22px 24px;cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:focus-visible{outline:3px solid var(--brand-accent);outline-offset:3px;border-radius:22px}
.faq-n{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:12px;background:#fff;font:800 14px Lexend;color:var(--brand-primary);font-variant-numeric:tabular-nums;transition:background .25s,color .25s}
.faq-item[open] .faq-n{background:var(--brand-primary);color:#fff}
.faq-q{flex:1;font:700 clamp(16px,1.4vw,18px)/1.35 Lexend;color:var(--text-primary);transition:color .25s}
.faq-item summary:hover .faq-q{color:var(--brand-primary)}
.faq-plus{position:relative;flex:none;width:32px;height:32px;border-radius:50%;background:var(--brand-primarySoft);transition:background .25s,transform .35s var(--ressort)}
.faq-plus::before,.faq-plus::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2.4px;border-radius:2px;background:var(--brand-primary);translate:-50% -50%;transition:transform .3s var(--ressort),background .25s}
.faq-plus::after{transform:rotate(90deg)}
.faq-item[open] .faq-plus{background:var(--brand-primary);transform:rotate(180deg)}
.faq-item[open] .faq-plus::before,.faq-item[open] .faq-plus::after{background:#fff}
.faq-item[open] .faq-plus::after{transform:rotate(0)}
.faq-r{overflow:hidden}
.faq-r p{margin:0;padding:0 24px 24px 76px;font-size:16px;line-height:1.6;color:var(--text-secondary)}
.faq-plus-q{margin:22px 0 0;text-align:center;color:var(--text-secondary)}
.faq-plus-q a{font-weight:700;color:var(--brand-primary)}
@media (max-width:640px){.faq-item summary{padding:16px;gap:12px}.faq-n{width:30px;height:30px;border-radius:10px}.faq-r p{padding:0 16px 18px;font-size:15px}}
@media (prefers-reduced-motion:reduce){.faq-plus,.faq-plus::before,.faq-plus::after{transition:none}}