.legal-container { max-width: 760px; margin: 0 auto; }
.legal-card { background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 32px; margin-bottom: 16px; }
.legal-card h2 { font-family: var(--font-display); font-size: 18px; font-weight: 700; color: var(--navy); text-transform: uppercase; letter-spacing: .04em; margin-bottom: 12px; }
.legal-card p { font-size: 15px; color: var(--slate); line-height: 1.8; font-weight: 300; }
.legal-footer { text-align: center; font-size: 13px; color: var(--slate-light); margin-top: 32px; font-style: italic; }

/* ── Multi-paragraph + rich content inside legal cards ─────── */
.legal-card p + p { margin-top: 14px; }
.legal-card h3 { font-family: var(--font-display); font-size: 15px; font-weight: 700; color: var(--navy-mid); text-transform: uppercase; letter-spacing: .04em; margin-top: 20px; margin-bottom: 8px; }
.legal-card h2 + h3 { margin-top: 4px; }
.legal-card strong { font-weight: 600; color: var(--navy); }
.legal-card a { color: var(--sky); font-weight: 500; border-bottom: 1px solid rgba(14,165,233,.35); transition: border-color .15s; }
.legal-card a:hover { border-bottom-color: var(--sky); }

/* ── Bulleted list inside legal cards ──────────────────────── */
.legal-list { margin-top: 14px; }
.legal-list li { position: relative; padding-left: 20px; margin-bottom: 10px; font-size: 15px; color: var(--slate); line-height: 1.8; font-weight: 300; }
.legal-list li:last-child { margin-bottom: 0; }
.legal-list li::before { content: ''; position: absolute; left: 4px; top: 12px; width: 5px; height: 5px; border-radius: 50%; background: var(--sky); }
.legal-list + p { margin-top: 14px; }

/* ── Warning card (account deletion) ───────────────────────── */
.legal-warn { border-color: #fcd9a4; background: #fffbf3; border-left: 4px solid var(--amber); }
.legal-warn h2 { color: var(--amber); }