/* =======================================================
   🗂️  STRUCTURE GLOBALE
   ======================================================= */
   
.section {
    padding: 3rem 2rem;
    margin-bottom: 2rem;
    background: #f9faff;
    border-radius: 1rem;
    scroll-margin-top: 90px;
}
.section.active { display: block; }
.section:nth-of-type(even) { background: #ffffff; }

.section .container {
    display: flex;
    flex-direction: column;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* =======================================================
   🏷️  TITRES & INTRODUCTIONS
   ======================================================= */

.section h2 {
    font-size: 2.75rem;
    font-weight: 900;
    line-height: 1.3;
    margin-bottom: 2rem;
    color: #0c2b8a;
    text-align: center;
    letter-spacing: .5px;
}
.section h3 {
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 1.4;
    margin: 2rem 0 1.5rem;
    color: #1a3eb1;
    text-align: left;
    letter-spacing: .3px;
}
.intro {
    font-size: 1.35rem;
    line-height: 1.8;
    color: #444;
    text-align: center;
    max-width: 800px;
    margin: 0 auto 3rem;
}
.intro br { margin: 1rem 0; }

/* =======================================================
   📝  TEXTE & LISTES
   ======================================================= */

.text,
.liste-ia li {
    font-size: 1.125rem;
    line-height: 1.6;
    color: #444;
    text-align: justify;
    padding: 0 1rem;
    margin-bottom: 1.5rem;
}
.text br { margin: .75rem 0; }

.liste-ia {
    list-style-type: disc;
    padding-left: 1.5rem;
    margin: 0 0 2rem 1rem;
}

/* style inline */
i       { font-style: italic; }
strong  { font-weight: bold; }