/* The legal pages (terms, privacy, refund): one readable column on the site's dark theme and fonts. */
.legal { max-width: 760px; padding-block: 40px 96px; line-height: 1.75; }
.legal h1 { font-size: clamp(32px, 5vw, 46px); letter-spacing: -.03em; margin: 28px 0 6px; }
.legal h2 { font-size: 20px; margin: 38px 0 8px; letter-spacing: -.01em; }
.legal p, .legal li { color: var(--ink-2); }
.legal strong { color: var(--ink); }
.legal ul { padding-inline-start: 22px; list-style: disc; }
.legal li { margin: 6px 0; }
.legal li::marker { color: var(--blue-hi); }
.legal .updated { margin: 0 0 20px; color: var(--ink-3); font-size: 14px; }
.legal .back { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 12px; text-decoration: none;
  font-weight: 600; font-size: 14px; color: var(--ink); background: var(--surface); border: 1px solid var(--line); }
.legal .back:hover { border-color: rgba(124, 180, 255, .4); }
.legal .draft { display: block; padding: 10px 14px; border-radius: 12px; background: rgba(251, 191, 36, .1); color: #f5c86a;
  border: 1px solid rgba(251, 191, 36, .25); font-size: 14px; margin: 20px 0 0; }