/* FAQ partagee (includes/sections/faq.php) : styles sortis du HTML
   (ratio texte/HTML, audit Vigie). Selecteurs #faq pour garder la priorite
   qu'avaient les styles en ligne sur .glass-card. */
#faq > .container { max-width: 900px; }
#faq .faq-l-card { margin-bottom: 20px; padding: 0; overflow: hidden; transition: border-color 0.3s ease; }
#faq .faq-l-q { width: 100%; background: transparent; border: 0; text-align: left; padding: 24px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; color: inherit; font: inherit; }
#faq .faq-l-a { overflow: hidden; transition: max-height 0.4s ease, opacity 0.4s ease; }
#faq .faq-l-a > p { color: var(--text-secondary); margin: 0; padding: 20px 24px 24px 24px; border-top: 1px solid rgba(255, 255, 255, 0.1); }
.faq-question-title { font-size: clamp(1rem, 1vw + 0.8rem, 1.2rem); line-height: 1.4; margin: 0; }
.faq-question-icon { font-size: clamp(1.1rem, 1vw + 0.9rem, 1.4rem); color: var(--accent-cyan); transition: transform 0.3s; flex-shrink: 0; margin-left: 12px; }
@media (max-width: 768px) {
    #faq .glass-card button h3.faq-question-title { font-size: 14px !important; }
    #faq .glass-card button i.faq-question-icon { font-size: 15px !important; }
    #faq .glass-card button { padding: 16px 12px !important; }
}