.legal { padding: 3.5rem 0 5rem; }
.legal h1 { font-size: 2.4rem; font-weight: 800; margin-bottom: .3rem; }
.legal .updated { color: var(--muted); margin-bottom: 2rem; font-size: .95rem; }
.legal h2 { font-size: 1.3rem; font-weight: 800; margin: 2rem 0 .6rem; color: var(--purple-deep); }
.legal p, .legal li { color: var(--ink); line-height: 1.7; margin-bottom: .9rem; }
.legal ul { padding-left: 1.3rem; }
.legal a { color: var(--purple); text-decoration: underline; font-weight: 600; }
.legal table { width: 100%; border-collapse: collapse; font-size: .9rem; margin: 1rem 0 1.2rem; }
.legal th, .legal td { text-align: left; padding: .5rem .6rem; border-bottom: 1px solid #eee7f6; vertical-align: top; }
.legal th { font-size: .75rem; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); }
@media (max-width: 640px) { .legal table { display: block; overflow-x: auto; } }