/* Legal pages. Same type set as the landing page (styles.css loads first). */
.doc { max-width: 760px; margin: 0 auto; padding: calc(140px + var(--safe-t)) var(--pad) 120px; }
.doc h1 { font-size: clamp(44px, 6vw, 88px); margin-bottom: 10px; }
.doc .meta { margin: 0 0 56px; font: 500 11px/1 var(--mono); letter-spacing: .22em; text-transform: uppercase; color: var(--stone); }
.doc h2 { font-size: clamp(26px, 2.6vw, 34px); margin: 48px 0 12px; line-height: 1.1; max-width: none; }
.doc p, .doc li { color: var(--smoke); margin: 0 0 14px; font-size: 16px; line-height: 1.65; }
.doc a { color: var(--bone); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(236,231,222,.35); }
.doc a:hover { text-decoration-color: var(--bone); }
.doc .btn { margin-top: 28px; }

.doc ul.sources { list-style: none; padding: 0; margin: 0 0 40px; }
.doc ul.sources li { padding: 16px 0; border-top: 1px solid rgba(236,231,222,.1); }
.doc ul.sources li p { margin: 0 0 6px; }
.doc ul.sources .cite { font-size: 14px; }