/* Domande frequenti: usate in home (le principali) e in domande-frequenti.html (tutte). */
  /* ---------- faq ---------- */
  .faq{background:var(--paper);color:var(--ink);padding:84px 0}
  .faq .section-eyebrow{color:var(--amber-dark)}
  .faq h2{font-size:clamp(1.8rem,4vw,2.5rem)}
  .faq .sub{color:#4a5564;max-width:60ch;margin-top:14px;margin-bottom:40px}
  .faq-group{margin-bottom:36px}
  .faq-group > h3{font-family:Georgia,serif;font-size:1.15rem;color:var(--amber-dark);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--paper-2)}
  .faq-item{background:#fff;border:1px solid var(--paper-2);border-radius:var(--radius);margin-bottom:10px;overflow:hidden}
  /* Le FAQ sono <details>/<summary> nativi: si aprono senza JavaScript, le risposte chiuse
     non sono raggiungibili da tastiera né lette dagli screen reader, e Chrome le apre da
     solo quando "cerca nella pagina" trova il testo. Nessuno script da mantenere. */
  .faq-q{padding:18px 22px;font-size:1.02rem;font-weight:600;color:var(--ink);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;line-height:1.4;list-style:none}
  .faq-q::-webkit-details-marker{display:none}
  .faq-q:hover{color:var(--amber-dark)}
  .faq-q:focus-visible{outline:2px solid var(--amber-dark);outline-offset:-2px;border-radius:var(--radius)}
  .faq-q .icon{flex-shrink:0;width:22px;height:22px;position:relative;transition:transform .25s}
  .faq-q .icon::before,.faq-q .icon::after{content:"";position:absolute;background:var(--amber);border-radius:2px}
  .faq-q .icon::before{top:10px;left:3px;right:3px;height:2px}
  .faq-q .icon::after{left:10px;top:3px;bottom:3px;width:2px;transition:transform .25s}
  .faq-item[open] .faq-q .icon::after{transform:scaleY(0)}
  .faq-a{padding:0 22px 20px}
  @media(prefers-reduced-motion:no-preference){
    .faq-item[open] .faq-a{animation:faqin .25s ease}
    @keyframes faqin{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
  }
  .faq-a p{color:#4a5564;font-size:1rem;line-height:1.6}
  .faq-a a{color:var(--amber-dark);font-weight:600;text-decoration:none}
  .faq-a a:hover{text-decoration:underline}
  .faq .more-link{margin-top:8px}
  .faq .more-link a{color:var(--amber-dark);font-weight:600}
  /* Su fondo avorio il pulsante "fantasma" (pensato per il blu notte) non si vedrebbe. */
  .faq .btn-ghost{color:var(--ink);border-color:var(--mist-ink)}
  .faq .btn-ghost:hover{border-color:var(--amber-dark)}