/* Terms and Privacy pages: the landing page's paper, ink and type, as a plain readable document. */
:root { --paper: #F5F4EF; --text: #16161a; --dim: #6b6b73; --line: #e6e4de; --green-ink: #0E7A47; --amber: #F5C542; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--text); font: 16px/1.65 Inter, system-ui, -apple-system, sans-serif; -webkit-font-smoothing: antialiased; }
.legal { max-width: 720px; margin: 0 auto; padding: 32px 16px 64px; }
.logo { height: 28px; display: block; margin-bottom: 28px; }
h1 { font: 700 clamp(30px, 6vw, 40px)/1.1 "Space Grotesk", Inter, sans-serif; letter-spacing: -0.02em; margin: 0 0 6px; }
h2 { font: 600 20px/1.3 "Space Grotesk", Inter, sans-serif; margin: 32px 0 8px; }
.meta { color: var(--dim); margin: 0 0 24px; font-size: 14px; }
ul { padding-left: 20px; } li { margin: 6px 0; }
a { color: var(--green-ink); }
mark { background: #fff1bf; padding: 0 3px; border-radius: 3px; }
.draft { background: #fff1bf; border: 1px solid var(--amber); border-radius: 10px; padding: 10px 14px; font-size: 14px; }
.foot { margin-top: 40px; padding-top: 16px; border-top: 1px solid var(--line); color: var(--dim); font-size: 14px; }