/* cashflowos.in help pages (support, privacy, terms, delete-account): one readable card on the
   landing's paper, with the tokens from cashflowos.css (load that first). */
.legal-page { padding-top: 40px; background: radial-gradient(640px 320px at 50% 0, rgba(21, 89, 234, .10), transparent 70%); }
.legal { max-width: 780px; margin: 0 auto; padding: 36px clamp(18px, 4vw, 44px); background: var(--card); border: 1px solid var(--line); border-radius: var(--r); box-shadow: var(--shadow); }
.legal h1 { font-size: clamp(28px, 4vw, 40px); font-weight: 800; letter-spacing: -.035em; }
.legal h2 { margin: 30px 0 10px; font-size: 19px; font-weight: 800; }
.legal h3 { margin: 18px 0 6px; font-size: 16px; font-weight: 700; letter-spacing: -.01em; }
.legal p, .legal li { color: var(--ink-2); font-size: 15.5px; line-height: 1.7; }
.legal p { margin: 0 0 12px; }
.legal ul, .legal ol { margin: 0 0 12px; padding-left: 22px; }
.legal ul { list-style: disc; }
.legal ol { list-style: decimal; }
.legal li { margin: 4px 0; }
.legal a { font-weight: 600; text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; }
.legal b, .legal strong { color: var(--ink); }
.legal .muted { color: var(--muted); font-size: 13.5px; margin: 6px 0 18px; }
@media (max-width: 640px) { .legal-page { padding-top: 20px; } .legal { padding: 24px 18px; } }