/* The privacy and support pages (content/build.py), in the site's own
   type and colours. The nav sits on solid ink here, not blended. */
.doc-page .nav { mix-blend-mode: normal; background: linear-gradient(var(--ink) 45%, transparent); }
.doc { max-width: 46rem; margin: 0 auto; padding: calc(140px + env(safe-area-inset-top, 0px)) var(--gutter) 120px; }
.doc h1, .doc h2 { margin: 0; font-family: var(--f-display); font-weight: 900; text-transform: uppercase; line-height: .9; letter-spacing: -0.01em; }
.doc h1 { font-size: clamp(4rem, 16vw, 9rem); margin-bottom: 48px; }
.doc h2 { font-size: clamp(2rem, 7.4vw, 3.4rem); margin: 72px 0 18px; color: var(--blue); }
.doc h1 + h2 { margin-top: 0; }
.doc p, .doc li { color: rgba(236, 230, 218, .72); }
.doc strong { color: var(--bone); font-weight: 600; }
.doc a { color: var(--blue); text-decoration: underline; text-underline-offset: .2em; }
.doc ul, .doc ol { margin: 0 0 1em; padding-left: 1.4em; }
.doc li + li { margin-top: .7em; }
.doc li::marker { color: var(--blue); font-family: var(--f-mono); font-size: .85em; }
.doc blockquote { margin: 44px 0; padding-left: 24px; border-left: 3px solid var(--blue); }
.doc blockquote p { margin: 0; font-family: var(--f-serif); font-size: 1.45rem; line-height: 1.3; color: var(--bone); }
.doc blockquote strong { font-weight: 400; font-style: italic; color: var(--blue); }