/* ═══════════════════════════════════════════════════════════════════════════ ARTIFICER · Editorial — the document surface's expressive tier v0.9.0 ─────────────────────────────────────────────────────────────────────────── Opt-in. Load AFTER artificer.css. Canonical home for long-form reading surfaces (blog, essays, release notes) — the expressive counterpart to .surface-tool. Promoted v0.9.0 from blog/homepage's copied global.css. Baseline contract: requires the core palette (--bg, --fg, --fg-secondary, --border, --accent) + --ease. See CLAUDE.md § Baseline contract. Reuses the canonical --t-* type ramp and --s-* spacing scale. The ONLY new token is --editorial-measure. Nothing here re-declares a color, size, or duration the core already owns. ═══════════════════════════════════════════════════════════════════════════ */ :root { --editorial-measure: 66ch; /* prose line-length cap — the one mint */ } /* ─── Surface scope ──────────────────────────────────────────────────────── The document default is already sans; editorial adds measure + reading rhythm. Wrap a long-form page in (or any container). It is the inverse of .surface-tool — never combine the two. */ .surface-editorial { font-family: var(--font-body); color: var(--fg); line-height: var(--t-body-lg-lh); } /* ─── Masthead — the document-surface top nav ────────────────────────────── The document counterpart to the tool-surface .appbar (artificer.css). Quiet, NON-sticky, single-row site header for reading surfaces: brand + a few links + optional meta (theme toggle). No border, no sticky chrome — it scrolls with the page (the .appbar traits #131 called wrong over prose). Sans face; the .wordmark brand keeps mono by its own rule. Compose the brand with .wordmark--stop-none for a period-bearing mark, and the toggle with .theme-toggle--inline. One