/* =====================================================================
   Composant : FAQ accessible (pages v3) — bouton aria-expanded, contenu présent au chargement
   Fichier : assets/css/faq.css — chargé par app/views/header.php ; script : assets/js/faq.js
   Reprend l'apparence de .faq-item (app.css) sans la redéfinir.
   ===================================================================== */
.faqv3-item{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;margin-bottom:12px;overflow:hidden;transition:box-shadow .3s}
.faqv3-item:hover{box-shadow:var(--shadow-sm)}
.faqv3-q{margin:0;font-size:1rem}
.faqv3-btn{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border:0;background:none;text-align:left;cursor:pointer;font:inherit;font-family:var(--fdisplay);font-weight:600;font-size:1rem;color:var(--ink)}
.faqv3-btn .ic{flex:0 0 auto;width:18px;height:18px;transition:transform .25s}
.faqv3-btn[aria-expanded="true"] .ic{transform:rotate(180deg)}
.faqv3-btn:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}
.faqv3-a{padding:0 24px 20px}
.faqv3-a p{margin:0;color:var(--body);line-height:1.6}
.faqv3-a[hidden]{display:none}
@media (max-width:640px){.faqv3-btn{padding:16px 18px}.faqv3-a{padding:0 18px 16px}}