/* Pages légales (CGV, mentions légales, confidentialité) */
.legal { max-width: 820px; margin: 0 auto 70px; font-size: 16px; line-height: 1.7; color: #e9e8e4; }
.legal h2 { margin: 38px 0 10px; font-family: var(--font-label); font-weight: 700; font-size: 20px; letter-spacing: .1em; text-transform: uppercase; color: var(--accent); }
.legal h3 { margin: 22px 0 6px; font-size: 16px; font-weight: 600; }
.legal p, .legal li { margin: 0 0 10px; }
.legal ul { padding-left: 22px; }
.legal a { color: var(--text); }
.legal .maj { color: var(--muted); font-size: 14px; }
.legal .todo { background: rgba(245, 180, 0, .18); border: 1px dashed rgba(245, 180, 0, .7); padding: 0 6px; border-radius: 6px; }
.legal table { width: 100%; border-collapse: collapse; margin: 8px 0 16px; font-size: 15px; }
.legal th, .legal td { text-align: left; padding: 8px 10px 8px 0; border-top: 1px solid var(--line); vertical-align: top; }
.legal th { font-family: var(--font-label); font-weight: 700; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.legal-nav { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 10px 0 0; font-family: var(--font-label); font-weight: 700; font-size: 14px; letter-spacing: .08em; text-transform: uppercase; }
.legal-nav a { color: var(--muted); text-decoration: none; }
.legal-nav a[aria-current="page"], .legal-nav a:hover { color: var(--text); }