/* ─── LEGAL PAGES ─── */
.legal-page { padding: 64px 0 96px; }
.legal-header { margin-bottom: 48px; max-width: 720px; }
.legal-date { font-family: var(--font-mono); font-size: 12px; color: var(--gray-500); margin-top: 8px; }
.legal-body { max-width: 720px; }
.legal-body h2 { font-family: var(--font-display); font-size: 20px; font-weight: 400; color: var(--black); margin: 36px 0 12px; letter-spacing: -0.5px; }
.legal-body h3 { font-size: 16px; font-weight: 500; color: var(--black); margin: 24px 0 10px; }
.legal-body p { font-size: 15px; color: var(--gray-700); line-height: 1.75; margin-bottom: 14px; }
.legal-body ul, .legal-body ol { padding-left: 24px; margin-bottom: 16px; }
.legal-body li { font-size: 15px; color: var(--gray-700); line-height: 1.7; margin-bottom: 6px; }
.legal-body a { color: var(--accent); text-decoration: none; border-bottom: 1px solid var(--accent-light); }
.legal-body a:hover { border-color: var(--accent); }
.legal-body strong { color: var(--black); font-weight: 500; }
.legal-table { width: 100%; border-collapse: collapse; margin: 16px 0 24px; font-size: 14px; }
.legal-table th, .legal-table td { padding: 12px 16px; text-align: left; border: 1px solid var(--border); line-height: 1.55; }
.legal-table th { background: var(--bg-alt); color: var(--black); font-weight: 500; width: 200px; }
.legal-table td { color: var(--gray-700); }