/* Privacy and terms: one reading column on the site's tokens. */
.doc-page { background: var(--paper); }
.doc-bar { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px var(--margin); }
.doc-bar nav { display: flex; gap: 24px; font-size: 16px; }
.doc-bar nav a { text-decoration: none; color: var(--ink-2); transition: color .2s; }
.doc-bar nav a:hover, .doc-bar nav a[aria-current=page] { color: var(--ink); }
.doc-bar nav a[aria-current=page] { font-weight: 600; }
.doc { width: min(68ch, calc(100% - 2 * var(--margin))); margin: 72px auto 120px; }
.doc h1 { font-size: clamp(40px, 6vw, 72px); line-height: 1.05; font-weight: 800; letter-spacing: -.03em; }
.doc-date { margin-top: 16px; font-size: var(--step-small); color: var(--ink-2); }
.doc-lead { margin-top: 32px; font-size: var(--step-lead); line-height: 1.55; }
.doc h2 { margin-top: 56px; font-size: 24px; line-height: 1.3; font-weight: 700; letter-spacing: -.01em; }
.doc p, .doc ul { margin-top: 14px; }
.doc ul { padding-left: 1.3em; }
.doc li { margin-top: 6px; }
.path { font-family: var(--font); background: var(--surface); padding: 1px 6px; border-radius: 4px; overflow-wrap: anywhere; }
.doc-foot { display: flex; justify-content: space-between; gap: 16px; padding: 40px var(--margin); background: var(--surface); font-size: var(--step-small); color: var(--ink-2); }