/* privacy + terms: easy to read on a phone */
.legal { max-width: 680px; margin: 0 auto; padding: 0 18px 60px; color: var(--bg-ink-2); font-size: 17px; line-height: 1.6; }
.legal .top { padding-left: 0; padding-right: 0; max-width: none; }
.legal h1 { margin: 16px 0 4px; font: 900 clamp(56px, 14vw, 88px)/.88 var(--num); text-transform: uppercase; color: var(--bg-ink); }
.legal .upd { margin: 0 0 22px; font-size: 14px; }
.legal h2 { margin: 34px 0 8px; font: 900 26px/1.05 var(--num); text-transform: uppercase; color: var(--bg-ink); }
.legal b { color: var(--bg-ink); }
.legal a { color: var(--bg-ink); }
.legal ul { padding-left: 20px; margin: 8px 0; display: flex; flex-direction: column; gap: 6px; }
.legal p { margin: 8px 0; }
.legal .tldr { background: var(--paper); color: var(--ink-2); border: 1px solid var(--rule); border-left: 5px solid var(--green, #2fa55a); border-radius: 12px; padding: 4px 18px 12px; }
.legal .tldr h2 { margin-top: 14px; color: var(--ink); }
.legal .tldr b { color: var(--ink); }
.legal .foot { margin-top: 40px; text-align: center; font-size: 14px; }