/* =========================================================
   /faq · faq.css (P5)
   Solo posizione e spazi della pagina (fq-). Colori, font e ombre
   vengono dai token di site.css. Niente backdrop-filter.
   ========================================================= */

/* hero corto: il titolo, una riga, poi subito le risposte */
.fq-hero .hero-in{max-width:var(--maxw);padding-bottom:clamp(40px,5vw,72px)}   /* allineato all'indice sotto */
.fq-hero .lead{margin-top:22px}

/* le risposte: una linea sottile sopra, l'indice fermo a sinistra */
.fq-answers{border-top:1px solid var(--line)}
.fq-doc{padding-top:clamp(28px,3vw,48px)}
.fq-doc .faq{scroll-margin-top:calc(var(--head) + 24px)}
.fq-doc .faq-h{margin-bottom:6px}
@media (min-width:1024px){
  .fq-doc{padding-top:clamp(48px,5vw,80px)}
  .fq-doc .doc-body{grid-column:4/12}
}
@media (max-width:1023px){
  .fq-doc .doc-rail{margin-bottom:28px}
}

/* l'ultima riga: la virgola resta attaccata alla parola sottolineata */
.fq-nw{white-space:nowrap}