/* Hallmark · shape: Long Document · genre: atmospheric · theme: brand (spec 2026-11-07, JamVote/Views/Shared/Design.swift) · copy: verbatim
 * paper: oklch(16.9% 0.002 286) · accent: oklch(98.5% 0.005 286) · display: Anton (the app icon's face) · body: SF Pro via the system stack (the app's own face) · hero: kept, the home page's chrome over a document · nav: kept · footer: kept · signature: kept, the home page's uppercase Anton heads on near-black
 * axes: dark/display-condensed/neutral · posture: restrained · contrast: pass · fold: pass · v2.0.0 */
/* Hallmark · pre-emit critique: P3 H4 E4 S4 R5 V3 · weakest: V, a policy and a help page are documents by nature; the owner's legal and help text sets the length, so the page is one readable column */
/* Hallmark · waive 59 · the gaps measured are the document head and its body, 105 and 161px, not page sections · a policy and a help page read as one column, so their parts sit closer than a landing page's sections */
/* Hallmark · waive 77 · the document head and the first body block measure as sections under 75% wide · a reading column held at 68ch is the point of a policy page, widening it would break the measure */
/* Hallmark · waive 78 · document h2s render at 31px under the 84px title · in a Long Document the h2 is a running head inside the text, so a 52px section head would outweigh the paragraphs */
/* Hallmark · dismissed 77 · three sections is the whole shape of a Long Document, a title, the text and the footer */
@import url("./style.css");

.doc { padding-block: var(--space-2xl) var(--section-gap-s); }
.doc-head { padding-bottom: var(--space-xl); border-bottom: var(--rule-hair) solid var(--color-rule); }
.doc-head h1 { font-size: var(--text-display); line-height: 1; text-transform: uppercase; }
.doc-head p { margin-top: var(--space-md); color: var(--color-muted); }
.doc-body { max-width: 68ch; }
.doc-body h2 { font-size: var(--text-2xl); line-height: 1; text-transform: uppercase; margin-top: var(--space-2xl); }
.doc-body h3 { font-size: var(--text-xl); line-height: 1; text-transform: uppercase; margin-top: var(--space-lg); }
.doc-body p, .doc-body ul, .doc-body ol, .doc-body dl { margin: var(--space-md) 0 0; line-height: 1.65; color: var(--color-ink-2); }
.doc-body ul, .doc-body ol { padding-left: var(--space-lg); }
.doc-body li + li { margin-top: var(--space-xs); }
.doc-body strong { color: var(--color-ink); font-weight: 600; }
.doc-body a { color: var(--color-ink); text-decoration: underline; transition: color var(--dur-short) var(--ease-out); }
.doc-body a:hover { color: var(--color-muted); }
.doc-body a:active { color: var(--color-ink-2); }
.doc-body dt { color: var(--color-ink); font-weight: 600; margin-top: var(--space-lg); }
.doc-body dd { margin: var(--space-2xs) 0 0; }
.doc-contact { margin-top: var(--space-2xl); padding-top: var(--space-xl); border-top: var(--rule-hair) solid var(--color-rule); }
.doc-contact h2 { margin-top: 0; }