/* Long-form pages (privacy, terms, Design with AI): one readable column on the light page. */
.legal { background: var(--bg-soft, #f4f5f8); color: var(--ink); padding: 40px 28px 64px; }
.legal .inner { max-width: 760px; margin: 0 auto; font-size: 17px; line-height: 1.6; }
.legal h2 { font: 700 30px/1.1 var(--display); margin: 40px 0 12px; letter-spacing: -0.01em; }
.legal h3 { font: 600 20px/1.2 var(--body); margin: 24px 0 8px; }
.legal p { margin: 0 0 14px; }
.legal ul, .legal ol { margin: 0 0 14px; padding-left: 22px; }
.legal li { margin: 0 0 8px; }
.legal a { color: var(--blue, #2f6be0); }
.legal code { font: 500 15px var(--mono); background: #fff; padding: 2px 6px; border-radius: 6px; }
.legal .card { background: #fff; border-radius: 20px; padding: 20px 22px; margin: 14px 0; }
.page-head .sub { color: var(--muted-on-dark); margin: 10px 0 0; }
footer a { color: inherit; }
@media (max-width: 640px) { .legal { padding: 28px 18px 48px; } .legal .inner { font-size: 16px; } .legal h2 { font-size: 26px; } }