orz-paged 0.1.0

package/assets/themes/beige-decent-1.css

@@ -0,0 +1,103 @@
+/* ==========================================================================
+   orz-paged · beige-decent-1.css
+   Warm editorial serif on beige paper, terracotta accent. Display headings,
+   rule-bracketed h1, centered pull-quotes, hairline tables. Light / print.
+
+   Theme contract:
+   - :root sets the page-managed tokens (--accent, --page-bg, --font-*) DIRECTLY
+     so they apply by default. --page-bg lives on :root so the .pagedjs_page
+     surface (an ancestor of .orz-doc) picks up the warm tint.
+   - .orz-doc.markdown-body sets the content-only palette + construct tokens
+     base.css consumes, plus this theme's signature construct styling.
+   ========================================================================== */
+
+:root {
+  --accent: #944238;
+  --page-bg: #f6efe2;
+  --font-body: "Lora", Georgia, "Times New Roman", serif;
+  --font-heading: var(--font-body);
+}
+
+.orz-doc.markdown-body {
+  --text-main: #4d4036;
+  --text-muted: #7d7066;
+  --heading-color: #1a1614;
+  --border-soft: #d8cdbb;
+  --code-bg: #efe7d7;
+  --table-head-bg: #ece2d0;
+  --toc-leader: #c5b9a3;
+  --mark-bg: #f0e2a8;
+  --surface-2: #f1e9d9;
+  --ins-color: #438f4d;
+
+  --span-red: #b73a3a;  --span-yellow: #b58900;  --span-green: #438f4d;  --span-blue: #266baf;
+  --success-bg: #eff4ec; --success-text: #3a6b44; --success-border: #6da37d;
+  --info-bg: #eef3f6;    --info-text: #2f567f;    --info-border: #628bc4;
+  --warning-bg: #fef7ec; --warning-text: #8a5a14; --warning-border: #d49544;
+  --danger-bg: #fbefef;  --danger-text: #9a3030;  --danger-border: #c96767;
+}
+
+/* Justify prose only — not list items, table cells, or short blocks. */
+.orz-doc p { text-align: justify; hyphens: auto; }
+
+/* Headings — editorial, warm-black, generous. */
+.orz-doc.markdown-body h1,
+.orz-doc.markdown-body h2,
+.orz-doc.markdown-body h3,
+.orz-doc.markdown-body h4,
+.orz-doc.markdown-body h5,
+.orz-doc.markdown-body h6 { font-family: var(--font-heading); color: var(--heading-color); font-weight: 700; }
+
+/* Display h1 — centered, bracketed by a rule. */
+.orz-doc.markdown-body h1 {
+  font-size: 2.3em; font-weight: 400; text-align: center; letter-spacing: -0.02em;
+  padding-bottom: 0.3em; margin-bottom: 1.2em; border-bottom: 2px solid var(--text-main);
+}
+.orz-doc.markdown-body h2 { font-size: 1.6em; padding-bottom: 0.15em; border-bottom: 1px solid #e6ddce; }
+.orz-doc.markdown-body h3 { font-size: 1.3em; }
+
+/* Links — terracotta, soft underline. */
+.orz-doc.markdown-body a { color: var(--accent); text-decoration-color: var(--border-soft); }
+.orz-doc.markdown-body strong { color: var(--heading-color); }
+
+/* Pull-quote — centered, rule-bracketed top and bottom, warm card. */
+.orz-doc.markdown-body blockquote {
+  border-left: none; border-top: 2px solid var(--text-muted); border-bottom: 2px solid var(--text-muted);
+  margin: 1.6em 1.5em; padding: 1em 1.4em; font-style: italic; font-size: 1.1em;
+  text-align: center; color: #4a3e38; background: #ece2d2;
+}
+
+/* Tables — hairline rows, heavier head underline. */
+.orz-doc.markdown-body table { border: 0; border-top: 2px solid var(--text-main); font-size: 0.93em; }
+.orz-doc.markdown-body th,
+.orz-doc.markdown-body td { border: 0; border-bottom: 1px solid var(--border-soft); padding: 0.5em 0.9em; }
+.orz-doc.markdown-body th { background: var(--table-head-bg); border-bottom: 2px solid var(--text-main); color: var(--heading-color); }
+
+/* Gradient hairline divider. */
+.orz-doc.markdown-body hr {
+  height: 1px; border: 0;
+  background: linear-gradient(to right, transparent, var(--border-soft), transparent); margin: 2.6em 0;
+}
+
+/* List markers in the warm accent. */
+.orz-doc.markdown-body ul > li::marker,
+.orz-doc.markdown-body ol > li::marker { color: var(--accent); }
+
+/* Code — warm tinted block. */
+.orz-doc.markdown-body pre,
+.orz-doc.markdown-body :not(pre) > code { background: var(--code-bg); border-color: var(--border-soft); color: #5a4a3a; }
+
+.orz-toc { --toc-leader: #c5b9a3; }
+
+/* Letterhead / title-block elements — centered editorial masthead. */
+.orz-element.orz-el-letterhead,
+.orz-element.orz-el-report-title,
+.orz-element.orz-el-article-title { text-align: center; margin-bottom: 1.8em; }
+/* The under-rule: title blocks don't self-rule (theme draws it); letterhead /
+   cv-header draw their own via the element's `border` field, so exclude them
+   here to avoid a double rule. */
+.orz-element.orz-el-report-title,
+.orz-element.orz-el-article-title { padding-bottom: 0.8em; border-bottom: 2px solid var(--text-main); }
+/* Center the contact row to match the centered masthead (the .orz-contact flex
+   would otherwise pack phone/email to the left while the org is centered). */
+.orz-el-letterhead .orz-contact { justify-content: center; }

package/assets/themes/beige-decent-2.css

@@ -0,0 +1,92 @@
+/* ==========================================================================
+   orz-paged · beige-decent-2.css
+   Warm serif on cream paper, terracotta accent. Distinct from beige-decent-1:
+   rust headings, a centered accent rule under h2, and an italic underlined
+   blockquote on a deeper sand tint. Light / print.
+
+   Theme contract:
+   - :root sets the page-managed tokens (--accent, --page-bg, --font-*) DIRECTLY.
+   - .orz-doc.markdown-body sets the content palette + construct tokens base.css
+     consumes, plus this theme's signature construct styling.
+   ========================================================================== */
+
+:root {
+  --accent: #b5563a;
+  --page-bg: #f4ecdc;
+  --font-body: "Noto Serif", Georgia, "Times New Roman", serif;
+  --font-heading: "Noto Serif", Georgia, "Times New Roman", serif;
+}
+
+.orz-doc.markdown-body {
+  --text-main: #4a3c31;
+  --text-muted: #786556;
+  --heading-color: #3a2b20;
+  --border-soft: #ddd0bb;
+  --code-bg: #efe5d0;
+  --table-head-bg: #ece0c8;
+  --toc-leader: #cdbfa6;
+  --mark-bg: #f6dca0;
+  --surface-2: #eee4d2;
+  --ins-color: #4a7553;
+
+  --span-red: #b5563a;  --span-yellow: #9a6f1f;  --span-green: #4a7553;  --span-blue: #2f6154;
+  --success-bg: #e6efd9; --success-text: #4a6b33; --success-border: #bcd3a0;
+  --info-bg: #e4ece9;    --info-text: #2f6154;    --info-border: #abc7bf;
+  --warning-bg: #f6ecce; --warning-text: #876d29; --warning-border: #e0cd97;
+  --danger-bg: #f4e0d8;  --danger-text: #9c4b3a;  --danger-border: #e0bbab;
+
+}
+
+/* Justify prose only — never titles, headings, table cells, or short blocks. */
+.orz-doc.markdown-body p { text-align: justify; hyphens: auto; }
+
+/* Headings — sans display face, rust h1, terracotta accents. */
+.orz-doc.markdown-body h1,
+.orz-doc.markdown-body h2,
+.orz-doc.markdown-body h3,
+.orz-doc.markdown-body h4,
+.orz-doc.markdown-body h5,
+.orz-doc.markdown-body h6 { font-weight: 700; line-height: 1.3; }
+
+.orz-doc.markdown-body h1 { font-size: 2.1em; color: var(--accent); letter-spacing: -0.02em; }
+.orz-doc.markdown-body h2 { font-size: 1.5em; font-weight: 600; padding-bottom: 0.25em; border-bottom: 1px solid var(--accent); }
+.orz-doc.markdown-body h3 { font-size: 1.22em; font-weight: 600; color: var(--accent); }
+
+.orz-doc.markdown-body a {
+  color: var(--accent);
+  text-decoration-color: color-mix(in srgb, var(--accent) 35%, transparent);
+}
+
+/* Blockquote — italic, on a deeper sand tint with an accent edge bar. */
+.orz-doc.markdown-body blockquote {
+  border: none;
+  border-left: 4px solid var(--accent);
+  background: #ece2cf;
+  color: var(--text-muted);
+  font-style: italic;
+  padding: 0.7em 1.3em;
+  border-radius: 0 8px 8px 0;
+}
+
+/* Tables — warm header band, accent underline. */
+.orz-doc.markdown-body th {
+  background: var(--table-head-bg);
+  color: var(--heading-color);
+  border-bottom: 2px solid var(--accent);
+}
+.orz-doc.markdown-body tbody tr:nth-child(even) td { background: #f0e7d5; }
+
+.orz-doc.markdown-body ul > li::marker,
+.orz-doc.markdown-body ol > li::marker { color: var(--accent); }
+
+.orz-doc.markdown-body pre,
+.orz-doc.markdown-body :not(pre) > code { background: var(--code-bg); border-color: var(--border-soft); }
+
+.orz-doc.markdown-body hr { height: 2px; background: color-mix(in srgb, var(--accent) 30%, transparent); }
+
+.orz-toc { --toc-leader: color-mix(in srgb, var(--accent) 40%, transparent); }
+
+/* Title-block elements — accent baseline rule. (cv-header / letterhead draw
+   their own rule via the element's `border` field, so they're excluded here.) */
+.orz-element.orz-el-report-title,
+.orz-element.orz-el-article-title { padding-bottom: 0.6em; border-bottom: 2px solid var(--accent); }

package/assets/themes/light-academic-1.css

@@ -0,0 +1,114 @@
+/* ==========================================================================
+   orz-paged · light-academic-1.css
+   Tufte-ish Alegreya serif on warm white paper. Restrained, scholarly,
+   justified prose with italic h2, small-caps h3 and rule-bounded tables.
+   Light / print only.
+
+   Theme contract:
+   - :root sets the page-managed tokens (--accent, --page-bg, --font-*) DIRECTLY
+     so they apply by default; an explicit font_preset / decoration_color /
+     page_background overrides them (page CSS is added last & only emits when set).
+   - .orz-doc.markdown-body sets the content-only palette + construct tokens that
+     base.css consumes, plus this theme's signature construct styling.
+   ========================================================================== */
+
+:root {
+  --accent: #7a1f1f;
+  --page-bg: #fffff8;
+  --font-body: "Source Serif 4", Georgia, "Times New Roman", serif;
+  --font-heading: var(--font-body);
+}
+
+.orz-doc.markdown-body {
+  --text-main: #111111;
+  --text-muted: #555555;
+  --heading-color: #111111;
+  --border-soft: #cfcabc;
+  --code-bg: #f4f2ea;
+  --table-head-bg: #f1efe6;
+  --toc-leader: #b6b09c;
+  --mark-bg: #f6efb0;
+  --surface-2: #f3f1e6;
+  --ins-color: #386641;
+
+  --span-red: #9e2a2b;  --span-yellow: #b8860b;  --span-green: #386641;  --span-blue: #2a5a8c;
+  --success-bg: #eef5ef; --success-text: #2e8540; --success-border: #cfe3d2;
+  --info-bg: #eef3f9;    --info-text: #2b5585;    --info-border: #d3e0ec;
+  --warning-bg: #f9f3e2; --warning-text: #946612; --warning-border: #ecddb6;
+  --danger-bg: #f8edeb;  --danger-text: #a32a2a;  --danger-border: #ead0cc;
+
+}
+
+/* Justify prose only — never titles, headings, table cells, or short blocks. */
+.orz-doc.markdown-body p { text-align: justify; hyphens: auto; }
+
+/* Headings — light weight, generous air, italic h2, small-caps h3. */
+.orz-doc.markdown-body h1,
+.orz-doc.markdown-body h2,
+.orz-doc.markdown-body h3,
+.orz-doc.markdown-body h4,
+.orz-doc.markdown-body h5,
+.orz-doc.markdown-body h6 { font-weight: 400; color: var(--heading-color); }
+
+.orz-doc.markdown-body h1 { font-size: 2em; line-height: 1.15; margin-bottom: 0.8em; }
+.orz-doc.markdown-body h2 { font-size: 1.5em; font-style: italic; }
+.orz-doc.markdown-body h3 { font-size: 1.15em; font-variant: small-caps; letter-spacing: 0.04em; }
+
+/* Links — accent, thin underline. */
+.orz-doc.markdown-body a {
+  color: var(--accent);
+  text-decoration-color: color-mix(in srgb, var(--accent) 45%, transparent);
+}
+
+/* Blockquote — quiet warm panel, italic, no heavy bar. */
+.orz-doc.markdown-body blockquote {
+  font-style: italic;
+  color: var(--text-muted);
+  border-left: none;
+  margin: 1.4em 2em;
+  padding: 0.5em 1em;
+  background: var(--surface-2);
+}
+
+/* Tables — rule-bounded (top/bottom heavy, header underline) like a journal. */
+.orz-doc.markdown-body table {
+  border: 0;
+  border-top: 2px solid var(--text-main);
+  border-bottom: 2px solid var(--text-main);
+  font-size: 0.92em;
+}
+.orz-doc.markdown-body th,
+.orz-doc.markdown-body td { border: 0; padding: 0.45em 0.9em; }
+.orz-doc.markdown-body th {
+  background: transparent;
+  color: var(--heading-color);
+  border-bottom: 1px solid var(--text-main);
+  vertical-align: bottom;
+}
+
+/* Code — quiet warm panel. */
+.orz-doc.markdown-body pre,
+.orz-doc.markdown-body :not(pre) > code { background: var(--code-bg); border-color: var(--border-soft); }
+
+/* Centered asterism rule, classic print divider. */
+.orz-doc.markdown-body hr {
+  height: auto;
+  background: none;
+  text-align: center;
+  margin: 2.2em 0;
+}
+.orz-doc.markdown-body hr::before {
+  content: "\002A \0020 \002A \0020 \002A";
+  letter-spacing: 0.5em;
+  color: var(--text-muted);
+}
+
+/* List markers in the accent for a touch of editorial color. */
+.orz-doc.markdown-body ul > li::marker,
+.orz-doc.markdown-body ol > li::marker { color: var(--accent); }
+
+.orz-toc { --toc-leader: var(--toc-leader); }
+
+/* Abstract element — indented, slightly smaller, hallmark of a paper. */
+.orz-element.orz-el-abstract { margin: 1.6em 2.5em; font-size: 0.95em; color: var(--text-muted); }
+.orz-element.orz-el-abstract > :first-child { font-style: italic; }

package/assets/themes/light-academic-2.css

@@ -0,0 +1,99 @@
+/* ==========================================================================
+   orz-paged · light-academic-2.css
+   Scholarly print style: Vollkorn serif body, Fira Sans headings, deep-burgundy
+   accent. Booktabs-style tables (thick top/bottom rules, no verticals), plain
+   weighted headings, restrained callouts. Distinct from academic-1. Light/print.
+   ========================================================================== */
+
+:root {
+  --accent: #7a1f2b;
+  --page-bg: #ffffff;
+  --font-body: "Crimson Pro", Georgia, "Times New Roman", serif;
+  --font-heading: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+.orz-doc.markdown-body {
+  --text-main: #1a1715;
+  --text-muted: #5a514c;
+  --heading-color: #2a1416;
+  --border-soft: #ddd6d2;
+  --code-bg: #f6f3f1;
+  --table-head-bg: #f3ece9;
+  --toc-leader: #c8bdb7;
+  --mark-bg: #f3e3a6;
+  --surface-2: #f7f3f1;
+  --ins-color: #386641;
+
+  --span-red: #9e2a2b;  --span-yellow: #b8860b;  --span-green: #386641;  --span-blue: #2a5a8c;
+  --success-bg: #eef5ef; --success-text: #2f5d38; --success-border: #cfe3d2;
+  --info-bg: #eef3f8;    --info-text: #2a4f7a;    --info-border: #cfdcea;
+  --warning-bg: #f9f2e1; --warning-text: #8a5a00; --warning-border: #ecddb6;
+  --danger-bg: #f8ecea;  --danger-text: #8a2018;  --danger-border: #ead0cc;
+
+}
+
+/* Justify prose only — never titles, headings, table cells, or short blocks. */
+.orz-doc.markdown-body p { text-align: justify; hyphens: auto; }
+
+/* Headings — Fira Sans, firm, with a small-caps flavour on section heads. */
+.orz-doc.markdown-body h1,
+.orz-doc.markdown-body h2,
+.orz-doc.markdown-body h3,
+.orz-doc.markdown-body h4,
+.orz-doc.markdown-body h5,
+.orz-doc.markdown-body h6 { font-family: var(--font-heading); color: var(--heading-color); }
+
+.orz-doc.markdown-body h1 {
+  font-size: 2.25em; font-weight: 700; letter-spacing: -0.02em;
+  padding-bottom: 0.35em; border-bottom: 3px double var(--accent);
+}
+.orz-doc.markdown-body h2 {
+  font-size: 1.5em; font-weight: 600; font-variant: small-caps; letter-spacing: 0.02em;
+  color: var(--accent); border-bottom: 1px solid var(--border-soft); padding-bottom: 0.25em;
+}
+.orz-doc.markdown-body h3 { font-size: 1.22em; font-weight: 600; font-variant: small-caps; }
+
+.orz-doc.markdown-body a {
+  color: var(--accent);
+  text-decoration-color: color-mix(in srgb, var(--accent) 35%, transparent);
+}
+
+/* Blockquote — quiet serif aside, thin accent rule, italic. */
+.orz-doc.markdown-body blockquote {
+  border-left: 2px solid var(--accent);
+  background: none;
+  color: var(--text-muted);
+  font-style: italic;
+  padding: 0.1em 0 0.1em 1.3em;
+}
+
+/* Tables — booktabs: heavy top/bottom rules, ruled header, no vertical lines. */
+.orz-doc.markdown-body table {
+  border-top: 2px solid var(--accent);
+  border-bottom: 2px solid var(--accent);
+  font-family: var(--font-heading);
+  font-size: 0.92em;
+}
+.orz-doc.markdown-body th {
+  background: var(--table-head-bg);
+  color: var(--heading-color);
+  font-weight: 600; font-variant: small-caps;
+  border-bottom: 1px solid var(--accent);
+}
+.orz-doc.markdown-body td { border: none; }
+.orz-doc.markdown-body tbody tr:nth-child(even) td { background: #faf7f5; }
+
+.orz-doc.markdown-body ul > li::marker,
+.orz-doc.markdown-body ol > li::marker { color: var(--accent); }
+
+.orz-doc.markdown-body pre,
+.orz-doc.markdown-body :not(pre) > code { background: var(--code-bg); border-color: var(--border-soft); }
+
+.orz-doc.markdown-body hr { height: 1px; background: var(--border-soft); }
+
+.orz-toc { --toc-leader: color-mix(in srgb, var(--accent) 35%, transparent); }
+
+/* Title-block elements — double accent baseline rule. (cv-header / letterhead
+   draw their own rule via the element's `border` field, so they're excluded.) */
+.orz-element.orz-el-report-title,
+.orz-element.orz-el-article-title { padding-bottom: 0.6em; border-bottom: 3px double var(--accent); }

package/assets/themes/light-neat-1.css

@@ -0,0 +1,90 @@
+/* ==========================================================================
+   orz-paged · light-neat-1.css
+   Clean sans-serif on white paper, blue accent. Crisp headings, a thin accent
+   rule under h2, tinted table header, ragged-right body. Light / print.
+
+   Theme contract:
+   - :root sets the page-managed tokens (--accent, --page-bg, --font-*) DIRECTLY
+     so they apply by default; an explicit font_preset / decoration_color /
+     page_background overrides them (page CSS is added last & only emits when set).
+   - .orz-doc.markdown-body sets the content-only palette + construct tokens that
+     base.css consumes, plus this theme's signature construct styling.
+   ========================================================================== */
+
+:root {
+  --accent: #2e6db5;
+  --page-bg: #ffffff;
+  --font-body: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  --font-heading: var(--font-body);
+}
+
+.orz-doc.markdown-body {
+  --text-main: #1f2a36;
+  --text-muted: #5d6b78;
+  --heading-color: #142230;
+  --border-soft: #dbe2ea;
+  --code-bg: #f5f8fb;
+  --table-head-bg: #eef4fa;
+  --toc-leader: #b9c4cf;
+  --mark-bg: #fdeaa8;
+  --surface-2: #f4f8fc;
+  --ins-color: #2e7d32;
+
+  --span-red: #c0392b;  --span-yellow: #b7791f;  --span-green: #2e7d32;  --span-blue: #2e6db5;
+  --success-bg: #e6f4ea; --success-text: #1e6b2e; --success-border: #b6dcc0;
+  --info-bg: #e8eff8;    --info-text: #234e84;    --info-border: #b9cfe8;
+  --warning-bg: #fbf2dc; --warning-text: #8a5a00; --warning-border: #ecd9a6;
+  --danger-bg: #fbe9e7;  --danger-text: #9a2820;  --danger-border: #ecc2bc;
+
+  text-align: left; /* sans reads better ragged-right on the page */
+}
+
+/* Headings — sans, firm weight, tight tracking. */
+.orz-doc.markdown-body h1,
+.orz-doc.markdown-body h2,
+.orz-doc.markdown-body h3,
+.orz-doc.markdown-body h4,
+.orz-doc.markdown-body h5,
+.orz-doc.markdown-body h6 { font-weight: 700; letter-spacing: -0.01em; }
+
+.orz-doc.markdown-body h1 { font-size: 1.95em; color: var(--accent); }
+.orz-doc.markdown-body h2 { font-size: 1.45em; padding-bottom: 0.2em; border-bottom: 1px solid var(--border-soft); }
+.orz-doc.markdown-body h3 { font-size: 1.2em; color: var(--accent); }
+
+.orz-doc.markdown-body a {
+  color: var(--accent);
+  text-decoration-color: color-mix(in srgb, var(--accent) 35%, transparent);
+}
+
+/* Blockquote — soft tinted card with an accent edge. */
+.orz-doc.markdown-body blockquote {
+  border-left: 3px solid var(--accent);
+  background: var(--surface-2);
+  color: var(--text-muted);
+  padding: 0.5em 1.1em;
+  border-radius: 0 3px 3px 0;
+}
+
+/* Tables — gridded with a tinted, accent-underlined header. */
+.orz-doc.markdown-body th {
+  background: var(--table-head-bg);
+  color: var(--heading-color);
+  border-bottom: 2px solid var(--accent);
+}
+.orz-doc.markdown-body tbody tr:nth-child(even) td { background: #f8fbfd; }
+
+.orz-doc.markdown-body ul > li::marker,
+.orz-doc.markdown-body ol > li::marker { color: var(--accent); }
+
+.orz-doc.markdown-body pre,
+.orz-doc.markdown-body :not(pre) > code { background: var(--code-bg); border-color: var(--border-soft); }
+
+.orz-doc.markdown-body hr { height: 2px; background: color-mix(in srgb, var(--accent) 30%, transparent); }
+
+.orz-toc { --toc-leader: color-mix(in srgb, var(--accent) 40%, transparent); }
+
+/* Title-block elements — accent baseline rule. (cv-header / letterhead draw
+   their own rule via the element's `border` field, so they're excluded here to
+   avoid a double rule.) */
+.orz-element.orz-el-report-title,
+.orz-element.orz-el-article-title { padding-bottom: 0.6em; border-bottom: 2px solid var(--accent); }

package/assets/themes/light-neat-2.css

@@ -0,0 +1,101 @@
+/* ==========================================================================
+   orz-paged · light-neat-2.css
+   Warm-paper neat variant: teal accent on a cream-tinted palette, serif body
+   with a sans heading face. Pill h3, accent-tinted code, quote-marked
+   blockquotes, dashed rules. Adapted from the "light-neat-2" screen theme
+   for print on white paper. Light / print.
+
+   Theme contract:
+   - :root sets the page-managed tokens (--accent, --page-bg, --font-*) DIRECTLY
+     so they apply by default; an explicit font_preset / decoration_color /
+     page_background overrides them (page CSS is added last & only emits when set).
+   - .orz-doc.markdown-body sets the content-only palette + construct tokens that
+     base.css consumes, plus this theme's signature construct styling.
+   ========================================================================== */
+
+:root {
+  --accent: #167a72;
+  --page-bg: #ffffff;
+  --font-body: "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  --font-heading: "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+.orz-doc.markdown-body {
+  --text-main: #2d322f;
+  --text-muted: #62685f;
+  --heading-color: #181c1b;
+  --border-soft: #ddd8cd;
+  --code-bg: #f4f1eb;
+  --table-head-bg: #f1eee7;
+  --toc-leader: #c9c1b1;
+  --mark-bg: #f3e1b0;
+  --surface-2: #f8f6f1;
+  --ins-color: #175651;
+
+  --span-red: #b34a4a;  --span-yellow: #8f6711;  --span-green: #2f7c49;  --span-blue: #21698a;
+  --success-bg: #e9f3ec; --success-text: #2e7a45; --success-border: #b8dabf;
+  --info-bg: #e6f1f6;    --info-text: #1e668d;    --info-border: #b8d8ea;
+  --warning-bg: #fbf2dc; --warning-text: #916516; --warning-border: #ecd39c;
+  --danger-bg: #fbe9e9;  --danger-text: #994545;  --danger-border: #e9b8b8;
+}
+
+/* Headings — sans face, firm weight, tight tracking. */
+.orz-doc.markdown-body h1,
+.orz-doc.markdown-body h2,
+.orz-doc.markdown-body h3,
+.orz-doc.markdown-body h4,
+.orz-doc.markdown-body h5,
+.orz-doc.markdown-body h6 { font-family: var(--font-heading); font-weight: 700; letter-spacing: -0.025em; }
+
+.orz-doc.markdown-body h1 { font-size: 2em; padding-bottom: 0.32em; border-bottom: 2px solid var(--border-soft); }
+.orz-doc.markdown-body h1::after { content: ""; display: block; width: 3rem; height: 3px; margin-top: 0.4rem; background: var(--accent); border-radius: 999px; }
+.orz-doc.markdown-body h2 { font-size: 1.5em; padding-bottom: 0.25em; border-bottom: 1px solid var(--border-soft); }
+.orz-doc.markdown-body h3 { font-size: 1.22em; width: fit-content; padding: 0.16em 0.7em 0.24em; background: var(--surface-2); border: 1px solid var(--border-soft); border-radius: 999px; }
+
+.orz-doc.markdown-body a {
+  color: var(--accent);
+  text-decoration-color: color-mix(in srgb, var(--accent) 35%, transparent);
+}
+
+/* Blockquote — tinted card with an accent edge and a faint quote mark. */
+.orz-doc.markdown-body blockquote {
+  position: relative;
+  border-left: 3px solid var(--accent);
+  background: var(--surface-2);
+  color: var(--text-muted);
+  padding: 0.6em 1.15em;
+  border-radius: 0 4px 4px 0;
+}
+.orz-doc.markdown-body blockquote::before {
+  content: "\201C"; position: absolute; right: 0.5rem; top: 0.1rem;
+  color: color-mix(in srgb, var(--accent) 26%, transparent); font-size: 2rem; line-height: 1;
+}
+
+/* Tables — tinted, accent-underlined header. */
+.orz-doc.markdown-body th {
+  background: var(--table-head-bg);
+  color: var(--heading-color);
+  border-bottom: 2px solid var(--accent);
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+}
+.orz-doc.markdown-body tbody tr:nth-child(even) td { background: #faf8f3; }
+
+.orz-doc.markdown-body ul > li::marker,
+.orz-doc.markdown-body ol > li::marker { color: var(--accent); }
+
+.orz-doc.markdown-body pre,
+.orz-doc.markdown-body :not(pre) > code { background: var(--code-bg); border-color: var(--border-soft); }
+.orz-doc.markdown-body :not(pre) > code { color: #8b4d1a; }
+
+.orz-doc.markdown-body hr {
+  height: 1px; border: 0;
+  background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--accent) 32%, transparent) 0 12px, transparent 12px 24px);
+}
+
+.orz-toc { --toc-leader: color-mix(in srgb, var(--accent) 40%, transparent); }
+
+/* Title-block elements — accent baseline rule. (cv-header / letterhead draw
+   their own rule via the element's `border` field, so they're excluded here.) */
+.orz-element.orz-el-report-title,
+.orz-element.orz-el-article-title { padding-bottom: 0.6em; border-bottom: 2px solid var(--accent); }