/* Feuille de widget « sk-faq » — extraite des recettes de contenu (lot B, chantier 6) par
   tools/styles-check/extraire-styles-recettes.py ; valeurs = jetons de sk-tokens.css. */
.sk-faq{max-width:900px;margin:3rem auto;padding:0 1.5rem}
.sk-faq-head{text-align:center;margin-bottom:2rem}
.sk-faq-head h2{font-size:2.1rem;font-weight:800;margin-bottom:.3rem;color:var(--sk-fg)}
.sk-faq-head h2 .grad{background:linear-gradient(135deg,var(--sk-primary),var(--sk-c-cyan-1));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sk-faq-head p{color:var(--sk-muted);margin:0}
.sk-faq-list details{background:var(--sk-surface);border:1px solid var(--sk-border);border-radius:var(--sk-radius);margin-bottom:.7rem;overflow:hidden;transition:all .2s}
.sk-faq-list details[open]{border-color:var(--sk-primary);box-shadow:0 4px 14px rgba(9,78,215,.08)}
.sk-faq-list summary{padding:1.2rem 1.4rem;cursor:pointer;font-weight:600;color:var(--sk-fg);font-size:1rem;display:flex;align-items:center;gap:.8rem;list-style:none;transition:background .15s}
.sk-faq-list summary::-webkit-details-marker{display:none}
.sk-faq-list summary:hover{background:var(--sk-bg)}
.sk-faq-list summary::before{content:'\f067';font-family:'Font Awesome 6 Free';font-weight:900;color:var(--sk-primary);width:22px;height:22px;background:var(--sk-primary-soft);border-radius:var(--sk-radius-round);display:flex;align-items:center;justify-content:center;font-size:.7rem;flex-shrink:0;transition:transform .2s}
.sk-faq-list details[open] summary::before{content:'\f068';transform:rotate(180deg)}
.sk-faq-list .sk-faq-ans{padding:0 1.4rem 1.3rem 3.2rem;color:var(--sk-fg-soft);line-height:1.65;font-size:.92rem}
.sk-faq-list .sk-faq-ans a{color:var(--sk-primary);text-decoration:none;font-weight:600}
.sk-faq-list .sk-faq-ans a:hover{text-decoration:underline}