/* =====================================================================
   FAQ — LE <style> DE LA MAQUETTE VALIDÉE, RECOPIÉ MOT POUR MOT
   ---------------------------------------------------------------------
   ⚠️ Écrit par `scripts/faire-faq.mjs` depuis
   `QG\design\site-taurus\faq.html`. ON NE LE MODIFIE PAS ICI :
   on change la maquette, puis on refabrique.
   Il porte le bloc `.qs`, les accordéons et le bandeau du bas —
   c'est-à-dire tout ce qui n'existe que sur cette page.
   ===================================================================== */
.fh{padding:clamp(36px,5vw,60px) 0 0;position:relative;isolation:isolate}
.fh::before{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(640px 300px at 20% 0%,rgba(248,0,6,.07),transparent 68%)}
.qs{display:grid;gap:10px;margin-top:var(--sp-6);max-width:860px}
details{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;
  transition:border-color .22s}
details:hover{border-color:var(--line-2)}
details[open]{border-color:rgba(74,144,255,.3)}
summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px var(--sp-5);font:600 16px/1.35 var(--f-text);min-height:60px}
summary::-webkit-details-marker{display:none}
summary::after{content:"";width:9px;height:9px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);
  transform:rotate(45deg);flex:none;margin-right:4px;transition:transform .22s var(--ease)}
details[open] summary::after{transform:rotate(-135deg)}
details .a{padding:0 var(--sp-5) var(--sp-5);color:var(--muted);font-size:15px;max-width:66ch}
details .a b{color:var(--ink)}
details .a p+p{margin-top:10px}
.more{display:inline-flex;align-items:center;gap:7px;margin-top:14px;font:500 13px var(--f-num);color:var(--up)}
.more:hover{text-decoration:underline;text-underline-offset:3px}
.rest{margin-top:var(--sp-7);border:1px solid var(--line);border-radius:16px;
  background:linear-gradient(180deg,rgba(22,30,43,.4),rgba(11,15,21,.82));padding:clamp(24px,3vw,36px);
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-5);align-items:center;max-width:860px}
@media (max-width:700px){.rest{grid-template-columns:1fr}}
.rest h2{font-size:1.5rem}
.why{max-width:860px;margin-top:var(--sp-6);font-size:14px;color:var(--dim);border-top:1px solid var(--line);padding-top:var(--sp-4)}
.why b{color:var(--muted)}