/* Pages légales : texte lisible, même style que le site. */
.legal { width: var(--shell); max-width: 720px; margin: 0 auto; padding: 120px 0 80px; color: var(--text-2); font-size: 16px; line-height: 1.65; }
.legal h1 { font-family: var(--font-display); font-size: clamp(32px, 6vw, 44px); color: var(--text-1); letter-spacing: -0.02em; }
.legal__date { margin-top: 8px; font-size: 14px; color: var(--text-3); }
.legal__summary { margin-top: 28px; padding: 18px 22px; border: 1px solid var(--hairline); border-radius: var(--radius-sm); background: var(--canvas-2); }
.legal h2 { margin-top: 40px; font-family: var(--font-display); font-size: 21px; color: var(--text-1); }
.legal h3 { margin-top: 20px; font-size: 16px; color: var(--text-1); }
.legal p, .legal ul { margin-top: 10px; }
.legal ul { padding-left: 20px; display: grid; gap: 6px; }
.legal b { color: var(--text-1); }
.legal a, .footer__base a { color: var(--blue-start); }