/* ==========================================================
   Mentions légales et confidentialité (MentionsLegales.php)
   ========================================================== */

.legal {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 1.5rem 2.5rem;
    align-items: start;
}
.legal__entete { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem 1rem; }
.legal__entete .titre-section { margin-bottom: 0; }
.legal__entete p { margin: 0; }

/* Sommaire (collant sur grand écran) */
.legal__sommaire { position: sticky; top: 1rem; }
.legal__sommaire ol { margin: 0; padding-left: 1.25rem; display: grid; gap: .4rem; }
.legal__sommaire a { color: var(--texte); }

/* Texte */
.legal__texte { max-width: 46rem; display: grid; gap: 2rem; }
.legal__texte section { scroll-margin-top: 1rem; }
.legal__texte h2 {
    margin: 0 0 .75rem;
    padding-bottom: .4rem;
    border-bottom: 2px solid var(--ligne);
    font-family: var(--police-titre);
    font-size: 1.6rem;
}
.legal__texte h3 { margin: 1.1rem 0 .4rem; font-size: 1.05rem; }
.legal__texte p, .legal__texte li { color: var(--texte-2); line-height: 1.6; }
.legal__texte strong, .legal__texte em { color: var(--texte); }
.legal__texte p { margin: 0 0 .75rem; }
.legal__texte ul { margin: 0 0 .75rem; padding-left: 1.25rem; display: grid; gap: .35rem; }
.legal__texte code { font-size: .9em; color: var(--texte); }
.legal__tableau { margin-bottom: .75rem; }
.legal__tableau th, .legal__tableau td { text-align: left; white-space: normal; vertical-align: top; }

@media (max-width: 860px) {
    .legal { grid-template-columns: 1fr; }
    .legal__sommaire { position: static; }
}