/* Long-form pages (privacy). Builds on site.css tokens. */
.doc .nav { transform: translateX(-50%); }
.doc__main { width: min(100% - 2 * var(--gutter), 760px); margin: 0 auto; padding: 140px 0 80px; }
.doc__crumbs { display: flex; gap: 10px; font-size: 14px; font-weight: 600; color: var(--ink-3); }
.doc__crumbs a:hover { color: var(--ink); }
.doc__title { margin: 18px 0 8px; font-size: clamp(44px, 7vw, 88px); line-height: 1; letter-spacing: -.05em; font-weight: 700; }
.doc__body { font-size: 17px; line-height: 1.7; color: var(--ink-2); }
.doc__body .muted { color: var(--ink-3); font-size: 15px; margin-bottom: 28px; }
.doc__body h2 { margin: 48px 0 14px; font-size: 26px; letter-spacing: -.03em; line-height: 1.2; color: var(--ink); font-weight: 700; }
.doc__body p { margin: 0 0 14px; }
.doc__body ul { margin: 0 0 14px; padding-left: 20px; display: grid; gap: 10px; }
.doc__body strong { color: var(--ink); }
.doc__body a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.doc .footer { margin-top: 0; }
.doc .footer__bottom a:hover { color: var(--ink); }