/* faq.css — uniquement ce que Tailwind ne peut pas exprimer via des classes statiques */

/* Chip de thème actif (état géré côté JS, pas connu au moment du rendu template) —
   fond blanc pour ressortir sur l'aside en dégradé de marque */
.faq-chip.is-active {
    background-color: #fff;
    color: #007F73;
}

/* Scroll horizontal des chips sur mobile, sans scrollbar visible */
.faq-chip-row {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.faq-chip-row::-webkit-scrollbar {
    display: none;
}

/* Mise en forme des réponses — le HTML des réponses vient de la vue (views.py),
   Tailwind ne peut donc pas y appliquer de classes utilitaires */
.faq-body p + p,
.faq-body p + ul,
.faq-body ul + p {
    margin-top: 0.75rem;
}

.faq-body ul {
    list-style: disc;
    padding-left: 1.5rem;
}

.faq-body li + li {
    margin-top: 0.25rem;
}