/* ============================================================
   PAGE "EN SAVOIR PLUS" (presentation/en-savoir-plus.php)
   Texte + photo côte à côte sur ordinateur, l'un sous l'autre
   sur téléphone. Le 2e chapitre est inversé (photo à gauche).
   ============================================================ */

.presentation-chapitre {
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: 36px;
    align-items: start;
    margin: 30px 0 50px;
}

.presentation-texte p { text-align: left; }
.presentation-texte h2 { margin-top: 0; }

.presentation-photo {
    position: sticky;      /* la photo reste visible pendant la lecture */
    top: 20px;
    margin: 14px 0 0;
}
.presentation-photo img {
    width: 100%;
    max-height: 640px;
    object-fit: cover;
}

.presentation-chapitre-inverse { grid-template-columns: 2fr 3fr; }
.presentation-chapitre-inverse .presentation-photo { order: -1; }

@media (max-width: 768px) {
    .presentation-chapitre,
    .presentation-chapitre-inverse { grid-template-columns: 1fr; gap: 10px; }
    .presentation-chapitre-inverse .presentation-photo { order: 0; }
    .presentation-photo { position: static; max-width: 520px; margin: 10px auto; }
}

/* ---------- Page Mentions légales ---------- */
.texte-legal h2 { text-align: left; max-width: var(--largeur-texte); margin-left: auto; margin-right: auto; }
.texte-legal h2::after { margin-left: 0; }