/* Une photo discrète dans le fond, avec une surface de lecture blanche. */
body:has(.page-legale) { background: linear-gradient(rgba(247,249,252,.94), rgba(247,249,252,.94)), url('../../images/photos/Famillesparc.png') center / cover fixed; }
.legal-entete { background: #fff; border-bottom: 1px solid #dfe7f4; }
.legal-entete__interieur { max-width: 1180px; margin: 0 auto; min-height: 70px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.page-legale { max-width: 1180px; margin: auto; padding: 44px 24px 64px; color: #24334d; }
.legal-introduction { padding: 0 0 34px; }
.legal-introduction h1 { color: #172947; font-size: clamp(28px, 3.5vw, 44px); line-height: 1.2; max-width: 860px; margin: 0 0 16px; }
.legal-version { color: #617088; font-size: 14px; margin: 0; }
.legal-document { min-width: 0; background: #fff; border: 1px solid #dfe7f4; border-radius: 22px; padding: 32px; font-size: 16px; line-height: 1.8; overflow-wrap: anywhere; }
.legal-document h2 { color: #172947; font-size: 23px; line-height: 1.35; margin: 38px 0 16px; scroll-margin-top: calc(var(--hauteur-entete-public, 71px) + 24px); }
.legal-document h3 { color: #244bc8; font-size: 18px; line-height: 1.45; margin: 25px 0 12px; scroll-margin-top: calc(var(--hauteur-entete-public, 71px) + 24px); }
.legal-document p { margin: 0 0 16px; }
.legal-document ul { list-style: disc; padding-left: 24px; margin: 12px 0 20px; }
.legal-document li { padding-left: 4px; margin: 8px 0; }
.legal-encadres { display: grid; gap: 12px; margin: 22px 0; }
.legal-encadre { background: #f2f6ff; border-left: 3px solid #719cff; border-radius: 0 14px 14px 0; padding: 18px; }
.legal-encadre p:last-child { margin-bottom: 0; }
.legal-encadre__titre { font-weight: 750; color: #20365c; }
.legal-tableau { margin: 22px 0; }
.legal-tableau table { width: 100%; min-width: 0; border-collapse: collapse; table-layout: fixed; font-size: 14px; line-height: 1.6; }
.legal-tableau th, .legal-tableau td { border: 1px solid #dfe7f4; padding: 14px; text-align: left; vertical-align: top; }
.legal-tableau th { background: #eef3ff; color: #20365c; text-transform: none; letter-spacing: normal; }
.legal-tableau p:last-child { margin: 0; }
.legal-retour-haut { display: inline-block; color: #244bc8; font-size: 14px; font-weight: 700; padding-top: 16px; }
.page-legale a:focus-visible, .legal-entete a:focus-visible { outline: 3px solid #6295ef; outline-offset: 4px; }
@media (max-width: 640px) {
 .legal-entete__interieur { min-height: 64px; padding: 0 14px; }
}
@media (max-width: 520px) {
 .page-legale { padding: 28px 14px 36px; }
 .legal-document { padding: 22px 18px; font-size: 15px; line-height: 1.75; border-radius: 16px; }
 .legal-document h2 { font-size: 21px; }
 .legal-tableau th, .legal-tableau td { padding: 9px; font-size: 13px; }
}
@media print {
 body:has(.page-legale) { background: #fff; }
 .legal-entete, .liens-legaux, .legal-retour-haut, .pied-public { display: none; }
 .page-legale { max-width: none; padding: 0; }
 .legal-document { border: 0; padding: 0; }
 .legal-document h2, .legal-document h3 { break-after: avoid; }
 .legal-tableau tr, .legal-encadre { break-inside: avoid; }
}

.page-legale { scroll-margin-top: var(--hauteur-entete-public, 71px); }