/* ============================================================
   Règlement intérieur — habillage spécifique (charte V6)
   Chargé au-dessus de page-legal.css (mêmes fondations que les
   pages légales : hero gris, colonne de lecture 780px centrée).
   ============================================================ */

/* Intro mise en avant (encart cyan, rappel charte) */
.page-reglement-v6 .legal-intro {
    font-size: 17px; line-height: 1.6; color: var(--ink); opacity: 1;
    background: var(--cyan);
    border-left: 4px solid var(--turquoise);
    border-radius: 12px;
    padding: 22px 26px;
    margin: 0 0 8px;
}

/* Sections numérotées par badge (compteur automatique) */
.page-reglement-v6 .legal-body { counter-reset: reg; }
.page-reglement-v6 .legal-body h2 {
    display: flex; align-items: center; gap: 16px;
}
.page-reglement-v6 .legal-body h2::before {
    counter-increment: reg;
    content: counter(reg);
    flex: 0 0 44px; height: 44px;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--ink); color: var(--white);
    font-size: 19px; font-weight: 800; line-height: 1;
    border-radius: 12px;
}

/* Navigation bas de page alignée sur la colonne de lecture */
.page-reglement-v6 .legal-footer-nav {
    max-width: 780px;
    padding: 28px 60px 72px;
    border-top: 2px solid var(--grey-light);
}
.page-reglement-v6 .legal-footer-nav a { font-size: 15px; }

@media (max-width: 768px) {
    .page-reglement-v6 .legal-body h2 { gap: 12px; }
    .page-reglement-v6 .legal-body h2::before {
        flex-basis: 36px; height: 36px; font-size: 16px; border-radius: 10px;
    }
    .page-reglement-v6 .legal-footer-nav { padding: 24px 24px 48px; }
}