/* ============================================================ * Brand-website shared stylesheet. * Loaded on every published page at /style.css (per brand bucket). * * NOT bound to portal design tokens (per CLAUDE.md §17 boundary — * portal canonical primitives govern the admin UX; brand websites * use their own design vocabulary). Brand vars are injected into * by server/lib/page-static.js as :root + [data-theme="dark"]. * * Pure CSS — no preprocessor. Stylesheet ships verbatim to S3. * ============================================================ */ /* ---- Reset + base ---- */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; } body { margin: 0; font-family: var(--font-sans, system-ui, -apple-system, 'Segoe UI', sans-serif); font-size: 16px; line-height: 1.5; color: var(--text); background: var(--bg); } img, svg { max-width: 100%; height: auto; display: block; } a { color: inherit; text-decoration: none; } button { font: inherit; cursor: pointer; } main { display: block; } /* ---- Prose container — for naked HTML pages (Privacy / About / FAQ / blog-style pages that don't ship their own
chrome). Wrap content in
…
and get sensible defaults: max readable line length, padding, heading scale, paragraph rhythm, list / blockquote styling. Pages with their own full-width layout (Haleji landing, etc.) skip this wrapper and use their own