/* Pages légales (confidentialité, suppression du compte) : texte long, lisible, même ambiance que l'app. */
.legal { max-width: 680px; }
.legal header { display: flex; align-items: center; gap: var(--space-3); margin: var(--space-2) 0 var(--space-6); }
.legal header a { color: var(--gold); font-weight: 700; text-decoration: none; min-height: var(--control); display: inline-flex; align-items: center; }
.legal h1 { margin-bottom: var(--space-2); }
.legal h2 { font: 600 20px/28px var(--font-title); color: var(--gold); margin: var(--space-8) 0 var(--space-3); }
.legal p, .legal li { color: var(--ivory); }
.legal p + p { margin-top: var(--space-3); }
.legal ul, .legal ol { padding-left: 1.3em; margin: var(--space-2) 0 var(--space-3); }
.legal li + li { margin-top: var(--space-2); }
.legal a { color: var(--gold); text-underline-offset: 3px; }
.legal strong { color: var(--ivory); }
.legal .summary { background: var(--indigo); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: var(--space-4) var(--space-5); margin: var(--space-6) 0; }
.legal .summary li { color: var(--ivory); }
.legal table { width: 100%; border-collapse: collapse; margin: var(--space-3) 0; font-size: 15px; line-height: 22px; }
.legal th, .legal td { text-align: left; vertical-align: top; padding: var(--space-2) var(--space-2) var(--space-2) 0; border-bottom: 1px solid var(--border); }
.legal th { color: var(--muted); font-weight: 700; }
.legal footer { margin-top: var(--space-12); }