/* ==========================================================
   faq - STYLES SPÉCIFIQUES À LA PAGE (Unités en REM)
   ========================================================== */

body{
    background-color: #000000;
}
main {
    display: flex;
    justify-content: center;
}

/* Le style du conteneur principal de la FAQ */
#faq-container {
    /* padding: 25px 40px -> 1.5625rem 2.5rem */
    padding: 1.5625rem 2.5rem;
    /* max-width: 900px -> 56.25rem */
    max-width: 56.25rem;
    margin: 0 auto;
}


/* =================================================================== */
/*   STYLE POUR CHAQUE BLOC QUESTION/RÉPONSE (UNIQUEMENT L'ESPACEMENT)   */
/* =================================================================== */

/*
 * NOTE IMPORTANTE :
 * Le style interne des questions/réponses est maintenant entièrement géré
 * par le composant "cadre_question.css". Ce fichier ne gère plus que
 * la mise en page générale et l'espacement entre les blocs.
*/
.faq-item {
    /* Espacement augmenté à 40px (2.5rem) */
    margin-bottom: 2.5rem; 
}


@media (max-width: 768px) {
    #faq-container {
        width: 100%;
        padding: 1.5rem;
    }

    .page-title {
        /* On peut surcharger la taille pour le responsive ici si nécessaire */
        font-size: 2rem;
    }
}