/* ── Pages légales ────────────────────────────────────────────── */
.legal-page { max-width: 720px; margin: 0 auto; display: flex; flex-direction: column; gap: 1rem; }

.legal-card {
    background: var(--white); border: 1px solid var(--gray-border);
    border-radius: var(--radius-lg); padding: 2rem;
}
.legal-title   { font-size: 1.5rem; font-weight: 700; margin: 0 0 0.25rem; }
.legal-updated { font-size: 0.82rem; color: var(--gray-mid); margin-bottom: 1.5rem; }

.legal-alert {
    background: #FAEEDA; border: 1px solid #FAC775; border-radius: var(--radius-md);
    padding: 0.85rem 1rem; font-size: 0.875rem; color: #633806;
    margin-bottom: 1.5rem;
}

.legal-section { margin-bottom: 1.75rem; }
.legal-section:last-child { margin-bottom: 0; }
.legal-section h2 {
    font-size: 1rem; font-weight: 600; color: var(--green-dark);
    margin: 0 0 0.65rem; padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--gray-light);
}
.legal-section p  { font-size: 0.9rem; line-height: 1.75; color: var(--gray-text); margin-bottom: 0.65rem; }
.legal-section p:last-child { margin-bottom: 0; }
.legal-section ul { padding-left: 1.25rem; margin: 0.5rem 0; }
.legal-section li { font-size: 0.9rem; line-height: 1.7; color: var(--gray-text); margin-bottom: 0.2rem; }
.legal-section a  { color: var(--green-mid); }

@media (max-width: 600px) {
    .legal-card { padding: 1.25rem 1rem; }
}