/* FAQ: fisarmoniche. Usa i token del sito, quindi segue da solo le zone scure (.t-dark). */
/* .section azzera il padding laterale di .wrap: le altre fasce hanno testo centrato e non se ne accorgono, qui il testo e' a sinistra e sfiorava il bordo sotto i 1200px */
.faq-band .wrap.section{padding-left:40px;padding-right:40px}
.faq-band .sec-head{margin-bottom:28px}
.faq-guida{margin-bottom:48px}
.faq-guida-titolo{font-size:clamp(22px,2.4vw,28px);line-height:1.2;font-weight:700;letter-spacing:-.02em;color:var(--ink);margin:36px 0 10px}
.faq-guida > .faq-guida-titolo:first-child{margin-top:0}
.faq-guida .lead{max-width:68ch}
.faq-guida .lead + .lead{margin-top:10px}
.faq-guida a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}
.faq-gruppo{font-size:13px;line-height:1.3;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-weight:600;margin:40px 0 12px}
.faq-band .wrap > .faq-gruppo:first-child{margin-top:0}
.faq-voce{background:var(--card);border:1px solid var(--border);border-radius:var(--r-md);margin-top:10px}
.faq-voce[open]{border-color:var(--primary)}
.faq-voce summary{cursor:pointer;list-style:none;position:relative;padding:18px 56px 18px 22px;font-size:17px;font-weight:600;line-height:1.4;color:var(--ink)}
.faq-voce summary::-webkit-details-marker{display:none}
.faq-voce summary::after{content:"";position:absolute;right:24px;top:50%;width:9px;height:9px;border-right:2px solid var(--primary);border-bottom:2px solid var(--primary);transform:translateY(-70%) rotate(45deg);transition:transform .15s ease-out}
.faq-voce[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq-voce summary:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:var(--r-md)}
.faq-risposta{padding:0 22px 20px}
.faq-risposta p{max-width:68ch;font-size:17px;line-height:1.65;color:var(--muted)}
.faq-risposta a,.faq-tutte a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}
.faq-tutte{margin-top:24px;font-weight:600}
.page-hero .lead a{color:var(--accent-text,var(--primary));text-decoration:underline;text-underline-offset:3px}
.faq-dopo{padding:48px 0 24px}
/* nelle pagine servizio la sezione e' inserita subito prima del blocco CTA, dopo il distanziatore: lo ripristina */
.faq-band + .cta{margin-top:48px}
@media (max-width:640px){
  .faq-band .wrap.section{padding-left:20px;padding-right:20px}
  .faq-voce summary{padding:16px 48px 16px 18px;font-size:16px}
  .faq-voce summary::after{right:18px}
  .faq-risposta{padding:0 18px 18px}
  .faq-risposta p{font-size:16px}
}
@media (prefers-reduced-motion:reduce){.faq-voce summary::after{transition:none}}
