/* Document pages: terms, privacy, legal, careers, neuroscience. Loads after styles.css for tokens, nav, buttons and footer. */
.doc { max-width: 760px; margin: 0 auto; padding: calc(132px + env(safe-area-inset-top, 0px)) var(--gutter-r) 96px var(--gutter); }
.doc .eyebrow { font: 600 13px/1 var(--font-body); letter-spacing: 0.16em; text-transform: uppercase; color: var(--teal-deep); margin-bottom: 18px; }
.doc h1 { font: 400 clamp(44px, 7vw, 80px)/1 var(--font-display); letter-spacing: -0.015em; color: var(--ink); text-wrap: balance; }
.doc .lead { margin-top: 22px; font-size: 20px; line-height: 1.5; color: var(--slate); max-width: 56ch; }
.doc .meta { margin-top: 18px; font-size: 14px; color: var(--muted); }
.doc section { margin-top: 52px; padding-top: 28px; border-top: 1px solid var(--rule); }
.doc h2 { font: 400 clamp(26px, 3.4vw, 34px)/1.15 var(--font-display); color: var(--ink); text-wrap: balance; }
.doc h3 { margin-top: 24px; font: 600 16px/1.4 var(--font-body); color: var(--ink); }
.doc p, .doc li { color: var(--slate); }
.doc h2 + *, .doc h3 + * { margin-top: 12px; }
.doc p + p, .doc p + ul, .doc ul + p, .doc p + ol, .doc ol + p { margin-top: 14px; }
.doc ul, .doc ol { padding-left: 1.3em; display: grid; gap: 8px; }
.doc strong { color: var(--ink); font-weight: 600; }
.doc a { color: var(--teal-deep); text-underline-offset: 3px; }
.doc a:hover { color: var(--ink); }
.doc .toc { margin-top: 36px; padding: 18px 22px; border: 1px solid var(--rule); border-radius: 16px; }
.doc .toc p { font: 600 13px/1 var(--font-body); letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); }
.doc .toc ol { margin-top: 12px; columns: 2; column-gap: 28px; }
.doc .toc li { break-inside: avoid; }
.doc .notice { margin-top: 28px; padding: 18px 22px; border-radius: 16px; background: var(--paper-2); color: var(--ink); }
.doc .notice strong { color: var(--teal-deep); }
.vow { counter-reset: vow; list-style: none; padding: 0; gap: 0; }
.vow li { counter-increment: vow; padding: 26px 0 26px 56px; border-top: 1px solid var(--rule); position: relative; }
.vow li::before { content: counter(vow, decimal-leading-zero); position: absolute; left: 0; top: 28px; font: 600 14px/1 var(--font-body); letter-spacing: 0.1em; color: var(--teal-deep); }
.vow li h3 { margin: 0; font: 400 26px/1.15 var(--font-display); }
.vow li p { margin-top: 8px; }
.doc address { font-style: normal; color: var(--slate); }
@media (max-width: 560px) { .doc .toc ol { columns: 1; } .vow li { padding-left: 44px; } }