/* Generated only for CL-04; no remote asset or identity claim. */
html[data-site-variant="CL-04"] { --site-accent: #426b6c; --site-ink: #401629; --site-heading-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --site-body-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body[data-site-variant="CL-04"], body[data-site-variant="CL-04"] input, body[data-site-variant="CL-04"] select, body[data-site-variant="CL-04"] button { font-family:var(--site-body-font); }
body[data-site-variant="CL-04"] h1, body[data-site-variant="CL-04"] h2, body[data-site-variant="CL-04"] h3, body[data-site-variant="CL-04"] .wordmark, body[data-site-variant="CL-04"] .compact-signature-label { font-family:var(--site-heading-font); }
.variant-reading-path { display:grid; grid-template-columns:auto minmax(0,1fr); gap:.75rem 1.25rem; align-items:start; max-width:var(--measure); margin:1.25rem 0; padding:.85rem 0; border-block:1px solid var(--line); }
.variant-reading-path .eyebrow { margin:.25rem 0 0; }
.variant-reading-path ol { display:grid; gap:.55rem; padding:0; margin:0; list-style:none; }
.variant-reading-path a { display:block; min-height:2.75rem; padding:.45rem .2rem; font-weight:720; }
.domain-profile { display:grid; grid-template-columns:minmax(0,1fr) minmax(9rem,14rem); gap:1.5rem; align-items:center; margin:2rem 0 3rem; padding:1.5rem; border:1px solid color-mix(in srgb, var(--site-accent) 28%, #fff); background:color-mix(in srgb, var(--site-accent) 5%, #fff); }
.domain-profile h2 { max-width:28ch; font-size:clamp(1.35rem, 2.4vw, 2rem); }
.profile-pillars { display:flex; flex-wrap:wrap; gap:.5rem; margin:1rem 0 0; padding:0; list-style:none; }
.profile-pillars li { border-bottom:1px solid var(--site-accent); color:var(--site-ink); font-size:.9rem; }
.site-profile-motif { width:100%; height:auto; }
.domain-profile :focus-visible { outline:3px solid var(--site-accent); outline-offset:3px; }
.hero h1 { font-size:clamp(1.72rem,2.75vw,2.55rem); line-height:1.04; }
.hero .lede { max-width:53ch; font-size:clamp(.94rem,1.35vw,1.08rem); line-height:1.34; }
.hero .quiet-boundary { font-size:.76rem; line-height:1.3; }
.hero-note { padding:.62rem .72rem; }
.hero-note p { font-size:.78rem; }
.domain-hero-context { display:grid; grid-template-columns:minmax(0,1fr) minmax(12rem,.72fr); gap:1rem 1.5rem; align-items:start; margin:-1rem 0 2rem; padding:1rem 0; border-block:1px solid var(--line); }
.domain-hero-context > .domain-hero-structure { min-width:0; }
.domain-hero-context .hero-structure { max-width:55ch; margin:0; color:var(--site-ink); font-size:.72rem; line-height:1.28; }
.domain-hero-context .hero-note { margin:0; padding:.62rem .72rem; }
.domain-hero-context .hero-note p { font-size:.78rem; }
.domain-hero-context--editorial-journal { grid-template-columns:auto minmax(0,1fr) minmax(12rem,.72fr); }
.domain-hero-context--editorial-journal .journal-hero-folio { grid-column:1; }
.domain-hero-context--editorial-journal > .domain-hero-structure { grid-column:2; }
.domain-hero-context--editorial-journal .hero-note { grid-column:3; }
.domain-hero-context--documentary-scrollytelling { grid-template-columns:auto minmax(0,1fr) minmax(12rem,.72fr); }
.domain-hero-context--documentary-scrollytelling .documentary-hero-marker { grid-column:1; }
.domain-hero-context--documentary-scrollytelling > .domain-hero-structure { grid-column:2; }
.domain-hero-context--documentary-scrollytelling .hero-note { grid-column:3; }
.domain-hero-context--research-atlas { grid-template-columns:minmax(0,1fr) minmax(12rem,.72fr); }
.domain-hero-context--research-atlas .atlas-hero-key { grid-column:2; grid-row:1; margin:0; }
.domain-hero-context--research-atlas .hero-note { grid-column:2; grid-row:2; }
.domain-hero-context--interactive-field-guide { grid-template-columns:minmax(0,1fr) minmax(12rem,.72fr); }
.domain-hero-context--interactive-field-guide .field-hero-compass { grid-column:2; margin:0; }
.domain-hero-context--interactive-field-guide .hero-note { grid-column:2; }
.domain-hero-context--evidence-dossier { grid-template-columns:auto minmax(0,1fr) minmax(12rem,.72fr); }
.domain-hero-context--evidence-dossier .dossier-hero-file { grid-column:1; }
.domain-hero-context--evidence-dossier > .domain-hero-structure { grid-column:2; }
.domain-hero-context--evidence-dossier .hero-note { grid-column:3; }
.domain-hero-context--timeline-archive { grid-template-columns:auto minmax(0,1fr) minmax(12rem,.72fr); }
.domain-hero-context--timeline-archive .timeline-hero-stamp { grid-column:1; }
.domain-hero-context--timeline-archive > .domain-hero-structure { grid-column:2; }
.domain-hero-context--timeline-archive .hero-note { grid-column:3; }
.hero-structure--sequence { display:flex; flex-wrap:wrap; gap:.3rem .75rem; padding:0; list-style:none; }
.hero-structure--sequence li { padding-inline-start:.55rem; border-inline-start:2px solid color-mix(in srgb,var(--site-accent) 58%,var(--line)); }
.hero-structure--ledger { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.35rem .6rem; }
.hero-structure--ledger div { padding-inline-start:.5rem; border-inline-start:2px solid color-mix(in srgb,var(--site-accent) 58%,var(--line)); }
.hero-structure--ledger dt { color:var(--site-accent); font-size:.64rem; font-weight:790; letter-spacing:.05em; text-transform:uppercase; }
.hero-structure--ledger dd { margin:.08rem 0 0; font-weight:670; }
.hero-structure--note { display:flex; gap:.45rem; align-items:baseline; padding:.35rem .55rem; border-inline-start:2px solid var(--site-accent); background:color-mix(in srgb,var(--site-accent) 5%,var(--surface)); }
.hero-structure--note strong { color:var(--site-accent); }
.hero-structure--reader-question { max-width:47ch; }
.hero-structure--reading-index { counter-reset:hero-index; }
.hero-structure--reading-index li { font-family:var(--site-heading-font); }
.hero-structure--evidence-brief { border-block:1px solid color-mix(in srgb,var(--site-accent) 36%,var(--line)); }
.hero-structure--limits-first { border-inline-start-style:dashed; }
body[data-home-module-order="question-signature-path"] .variant-reading-path[data-reading-path-placement="after-hero"] { margin-block:1rem; padding:.65rem 0; background:linear-gradient(90deg,color-mix(in srgb,var(--site-accent) 6%,transparent),transparent); }
body[data-home-module-order="note-signature-path"] .domain-profile { margin-block:1rem 2rem; }
.domain-signature-select, .domain-signature-radios { display:grid; grid-column:2; gap:.35rem; padding:0; margin:0; border:0; font-size:.82rem; font-weight:720; }
.domain-signature-select select { min-height:2.35rem; padding:.35rem .55rem; border:1px solid var(--site-accent); border-radius:.3rem; color:var(--site-ink); background:var(--surface); }
.domain-signature-radios { grid-template-columns:repeat(3,minmax(0,1fr)); }
.domain-signature-radios legend { grid-column:1 / -1; padding:0; margin-bottom:.15rem; }
.domain-signature-radios label { display:flex; gap:.35rem; align-items:center; min-height:2.35rem; padding:.3rem; border-bottom:1px solid var(--line); }
.domain-signature-radios input { accent-color:var(--site-accent); }
.domain-signature-results { display:grid; grid-column:2; gap:.28rem; padding:0; margin:0; list-style:none; }
.domain-signature-result { max-width:none; margin:0; padding:.4rem .55rem; border-inline-start:2px solid color-mix(in srgb,var(--site-accent) 58%,var(--line)); background:color-mix(in srgb,var(--site-accent) 5%,var(--surface)); }
.domain-signature[data-active-domain-result="scope"] [data-domain-result]:not([data-domain-result="scope"]), .domain-signature[data-active-domain-result="record"] [data-domain-result]:not([data-domain-result="record"]), .domain-signature[data-active-domain-result="limit"] [data-domain-result]:not([data-domain-result="limit"]) { display:none; }
.domain-signature-result p { max-width:none; margin:0; color:var(--muted); font-size:.76rem; line-height:1.26; }
.domain-signature-result a { display:inline-block; min-height:1.5rem; margin-top:.14rem; color:var(--site-ink); font-size:.74rem; font-weight:740; }
.domain-results--trail, .domain-results--sequence { list-style:none; counter-reset:domain-result; }
.domain-results--trail .domain-signature-result, .domain-results--sequence .domain-signature-result { position:relative; padding-inline-start:1.6rem; }
.domain-results--trail .domain-signature-result::before, .domain-results--sequence .domain-signature-result::before { position:absolute; inset-inline-start:.48rem; color:var(--site-accent); font-size:.72rem; font-weight:800; content:counter(domain-result, decimal-leading-zero); counter-increment:domain-result; }
.domain-result--path { display:grid; grid-template-columns:1.3rem minmax(0,1fr); gap:.35rem; }
.domain-result--path > span { color:var(--site-accent); font-size:1rem; font-weight:800; line-height:1.1; }
.domain-result--ledger { display:grid; grid-template-columns:minmax(4.5rem,.38fr) minmax(0,1fr); gap:.45rem; }
.domain-result--ledger dt { color:var(--site-ink); font-size:.73rem; font-weight:780; }
.domain-result--ledger dd { margin:0; }
.domain-result--sequence time { display:block; margin-bottom:.1rem; color:var(--site-accent); font-size:.67rem; font-weight:790; letter-spacing:.05em; text-transform:uppercase; }
.domain-result--comparison { border-block-start:2px solid color-mix(in srgb,var(--site-accent) 54%,var(--line)); border-inline-start:0; }
.domain-result--comparison h3 { margin:0 0 .15rem; font-size:.82rem; }
.domain-result--lens .eyebrow { margin:0 0 .1rem; color:var(--site-accent); font-size:.65rem; }
.domain-signature[data-signature-order="signature-question-path"] .compact-signature-label { order:-2; }
.domain-signature[data-signature-order="note-signature-path"] .compact-signature-label { border-inline-start:2px solid var(--site-accent); padding-inline-start:.45rem; }
.domain-signature[data-signature-order="question-signature-path"] .domain-signature-results { border-inline-start:2px solid color-mix(in srgb,var(--site-accent) 40%,transparent); padding-inline-start:.55rem; }
body[data-content-layout="source-ledger"] .page-home .preview-grid, body[data-content-layout="evidence-pairs"] .page-home .preview-grid { grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); }
body[data-content-layout="source-ledger"] .page-home .preview-card:first-child, body[data-content-layout="evidence-pairs"] .page-home .preview-card:first-child { grid-row:span 2; }
body[data-content-layout="source-ledger"] .page-home .preview-card:first-child { border-inline-start:3px solid var(--site-accent); }
body[data-content-layout="evidence-pairs"] .page-home .preview-card:nth-child(2) { border-block-start:3px solid var(--site-accent); }
body[data-content-layout="reading-columns"] .page-home .preview-grid, body[data-content-layout="two-track"] .page-home .preview-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
body[data-content-layout="reading-columns"] .page-home .preview-card:nth-child(odd) { border-block-start:3px solid var(--site-accent); }
body[data-content-layout="two-track"] .page-home .preview-card:nth-child(even) { align-self:end; border-inline-start:3px solid var(--site-accent); }
body[data-content-layout="annotated-stack"] .page-home .preview-grid, body[data-content-layout="chronology-stack"] .page-home .preview-grid { grid-template-columns:1fr; max-width:var(--reading-measure); }
body[data-content-layout="annotated-stack"] .page-home .preview-card { border-inline-start:3px solid var(--site-accent); }
body[data-content-layout="chronology-stack"] .page-home .preview-card { position:relative; border-inline-start:1px solid var(--site-accent); }
body[data-content-layout="chronology-stack"] .page-home .preview-card::before { position:absolute; inset-block-start:1.15rem; inset-inline-start:-.37rem; width:.65rem; height:.65rem; border-radius:999px; background:var(--site-accent); content:""; }
body[data-content-layout="context-ledger"] .page-home .preview-grid, body[data-content-layout="quiet-library"] .page-home .preview-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(1rem,2vw,2rem); }
body[data-content-layout="context-ledger"] .page-home .preview-card:first-child { grid-column:span 2; }
body[data-content-layout="quiet-library"] .page-home .preview-grid { max-width:var(--reading-measure); }
body[data-content-layout="definition-grid"] .page-home .preview-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
body[data-content-layout="definition-grid"] .page-home .preview-card:nth-child(2) { transform:none; border-top:3px solid var(--site-accent); }
body[data-variant-navigation="reference-rail"] .variant-nav ul, body[data-variant-navigation="reading-rail"] .variant-nav ul { border-block:1px solid var(--line); }
body[data-variant-navigation="reference-rail"] .variant-nav ul { padding-block:.2rem; }
body[data-variant-navigation="reading-rail"] .variant-nav ul { padding-inline:.35rem; }
body[data-variant-navigation="section-index"] .variant-nav ul, body[data-variant-navigation="source-index"] .variant-nav ul { gap:.4rem 1.25rem; }
body[data-variant-navigation="section-index"] .variant-nav a { text-decoration-thickness:2px; }
body[data-variant-navigation="source-index"] .variant-nav a { text-underline-offset:.28em; }
body[data-variant-navigation="compact-list"] .variant-nav ul { gap:.2rem .75rem; font-size:.92rem; }
body[data-variant-navigation="chapter-list"] .variant-nav ul, body[data-variant-navigation="sequence-list"] .variant-nav ul { gap:.3rem 1rem; }
body[data-variant-navigation="chapter-list"] .variant-nav li::before { color:var(--site-accent); content:"/ "; }
body[data-variant-navigation="sequence-list"] .variant-nav li::before { color:var(--site-accent); content:"→ "; }
body[data-variant-navigation="margin-links"] .variant-nav ul, body[data-variant-navigation="limits-index"] .variant-nav ul { justify-content:flex-end; }
body[data-variant-navigation="margin-links"] .variant-nav ul { border-inline-end:2px solid var(--site-accent); padding-inline-end:.65rem; }
body[data-variant-navigation="limits-index"] .variant-nav ul { border-inline-start:2px solid var(--site-accent); padding-inline-start:.65rem; }
.hero.variant-hero--reader-question .hero-note { border-inline-start:3px solid var(--site-accent); }
.hero.variant-hero--source-ledger .hero-note { border-block-start:3px solid var(--site-accent); }
.hero.variant-hero--reading-index .hero-note { border-radius:0; }
.hero.variant-hero--method-brief .hero-note { border-inline-end:3px solid var(--site-accent); }
.hero.variant-hero--context-note .hero-note { border-block-end:3px solid var(--site-accent); }
.hero.variant-hero--term-map .hero-note { outline:1px solid var(--site-accent); outline-offset:2px; }
.hero.variant-hero--evidence-brief .hero-note { background:color-mix(in srgb, var(--site-accent) 10%, var(--surface)); }
.hero.variant-hero--sequence-note .hero-note { border-style:dashed; }
.hero.variant-hero--limits-first .hero-note { background:transparent; }
.signature-panel[data-motion-grammar="underline"] .signature-controls button, .signature-panel[data-motion-grammar="underline"] .chapter-rail a { transition:border-color var(--motion-fast) var(--ease-interface), color var(--motion-fast) var(--ease-interface); }
.signature-panel[data-motion-grammar="underline"] .domain-signature-radios label:has(input:checked), .signature-panel[data-motion-grammar="underline"] .domain-signature-select select { border-bottom:2px solid var(--site-accent); }
.signature-panel[data-motion-grammar="underline"] .method-choices label:has(input:checked) { border-bottom:2px solid var(--site-accent); }
.signature-panel[data-motion-grammar="offset"] .signature-controls button[aria-pressed="true"], .signature-panel[data-motion-grammar="offset"] .chapter-rail a[aria-current="true"], .signature-panel[data-motion-grammar="offset"] .method-choices label:has(input:checked) { transform:translateY(-2px); }
.signature-panel[data-motion-grammar="offset"] .domain-signature-radios label:has(input:checked), .signature-panel[data-motion-grammar="offset"] .domain-signature-select { transform:translateY(-2px); }
.signature-panel[data-motion-grammar="emphasis"] .signature-controls button[aria-pressed="true"], .signature-panel[data-motion-grammar="emphasis"] .method-choices label:has(input:checked) { outline:2px solid color-mix(in srgb, var(--site-accent) 68%, transparent); outline-offset:2px; }
.signature-panel[data-motion-grammar="emphasis"] .domain-signature-radios label:has(input:checked), .signature-panel[data-motion-grammar="emphasis"] .domain-signature-select { outline:2px solid color-mix(in srgb, var(--site-accent) 68%, transparent); outline-offset:2px; }
.signature-panel[data-motion-grammar="rail"] .signature-controls button[aria-pressed="true"], .signature-panel[data-motion-grammar="rail"] .chapter-rail a[aria-current="true"], .signature-panel[data-motion-grammar="rail"] .method-choices label:has(input:checked) { border-inline-start:3px solid var(--site-accent); padding-inline-start:.55rem; }
.signature-panel[data-motion-grammar="rail"] .domain-signature-radios label:has(input:checked), .signature-panel[data-motion-grammar="rail"] .domain-signature-select { border-inline-start:3px solid var(--site-accent); padding-inline-start:.55rem; }
.signature-panel[data-motion-grammar="contour"] .signature-controls button[aria-pressed="true"], .signature-panel[data-motion-grammar="contour"] .method-choices label:has(input:checked) { border-radius:.35rem; outline:1px solid var(--site-accent); outline-offset:2px; }
.signature-panel[data-motion-grammar="contour"] .domain-signature-radios label:has(input:checked), .signature-panel[data-motion-grammar="contour"] .domain-signature-select { border-radius:.35rem; outline:1px solid var(--site-accent); outline-offset:2px; }
.signature-panel[data-motion-grammar] .signature-controls button, .signature-panel[data-motion-grammar] .chapter-rail a, .signature-panel[data-motion-grammar] .method-choices label { transition:transform var(--motion-fast) var(--ease-interface), outline-color var(--motion-fast) var(--ease-interface), border-color var(--motion-fast) var(--ease-interface); }
 .signature-panel[data-motion-grammar] .domain-signature-radios label, .signature-panel[data-motion-grammar] .domain-signature-select { transition:transform var(--motion-fast) var(--ease-interface), outline-color var(--motion-fast) var(--ease-interface), border-color var(--motion-fast) var(--ease-interface); }
@media (max-width: 56.25rem) { .hero { gap:.62rem; padding:.72rem; } .hero .lede { margin:.48rem 0; } .hero .quiet-boundary { margin-top:.48rem; } .hero-note { padding:.48rem .58rem; } .domain-signature-results { grid-column:auto; } }
@media (max-width: 56.25rem) { .domain-hero-context, .domain-hero-context--editorial-journal, .domain-hero-context--documentary-scrollytelling, .domain-hero-context--research-atlas, .domain-hero-context--interactive-field-guide, .domain-hero-context--evidence-dossier, .domain-hero-context--timeline-archive { grid-template-columns:1fr; margin-top:-.6rem; } .domain-hero-context--editorial-journal > .domain-hero-structure, .domain-hero-context--documentary-scrollytelling > .domain-hero-structure, .domain-hero-context--research-atlas > .domain-hero-structure, .domain-hero-context--interactive-field-guide > .domain-hero-structure, .domain-hero-context--evidence-dossier > .domain-hero-structure, .domain-hero-context--timeline-archive > .domain-hero-structure, .domain-hero-context .hero-note, .domain-hero-context .atlas-hero-key, .domain-hero-context .field-hero-compass { grid-column:auto; grid-row:auto; } .domain-hero-context .journal-hero-folio, .domain-hero-context .documentary-hero-marker, .domain-hero-context .dossier-hero-file, .domain-hero-context .timeline-hero-stamp { display:none; } }
@media (max-width: 44rem) { .hero { gap:.32rem; padding:.48rem; } .hero h1 { font-size:clamp(1.62rem,7.5vw,2rem); line-height:1.02; } .hero .lede { margin:.32rem 0; font-size:.89rem; line-height:1.28; } .hero .quiet-boundary { margin-top:.32rem; font-size:.7rem; line-height:1.26; } .hero-note { gap:.35rem; padding:.38rem .5rem; } .hero-note a { font-size:.76rem; line-height:1.2; } .domain-hero-context { gap:.55rem; margin-bottom:1.5rem; padding:.65rem 0; } .domain-hero-context .hero-note { display:grid; gap:.2rem; padding:.42rem .52rem; } .domain-hero-context .hero-note p { display:block; margin:.1rem 0; font-size:.72rem; } .domain-hero-context .hero-structure { font-size:.64rem; } .hero-structure--sequence { gap:.2rem .45rem; } .hero-structure--ledger { grid-template-columns:1fr; gap:.2rem; } .hero-structure--ledger div { padding-inline-start:.35rem; } .hero-structure--note { display:grid; gap:.1rem; padding:.25rem .36rem; } .hero-interaction { padding-top:.38rem; } .hero .signature-panel.signature-panel--compact { gap:.28rem; } .compact-signature-label { font-size:.88rem; line-height:1.08; } .hero .signature-panel.signature-panel--compact .signature-controls { gap:.26rem; } .hero .signature-panel.signature-panel--compact .signature-controls button { padding:.22rem .44rem; font-size:.7rem; line-height:1.16; } .domain-signature-results { gap:.1rem; } .domain-signature-result { padding:.24rem .36rem; } .domain-signature-result p, .domain-signature-result a { font-size:.66rem; line-height:1.18; } .domain-result--ledger { grid-template-columns:minmax(3.4rem,.34fr) minmax(0,1fr); gap:.28rem; } .domain-result--ledger dt, .domain-result--sequence time { font-size:.62rem; } .domain-result--comparison h3 { font-size:.7rem; } .variant-reading-path, .domain-profile { grid-template-columns:1fr; } .site-profile-motif { max-width:14rem; } .domain-signature-select, .domain-signature-radios { grid-column:auto; } .domain-signature-select select { min-height:2rem; padding:.22rem .35rem; font-size:.72rem; } .domain-signature-radios { grid-template-columns:repeat(3,minmax(0,1fr)); gap:.16rem; } .domain-signature-radios label { min-height:0; padding:.1rem; font-size:.64rem; line-height:1.1; } .page-home--timeline .archive-line li { grid-template-columns:1fr; gap:.35rem; } body[data-content-layout] .page-home .preview-grid { grid-template-columns:1fr; } body[data-content-layout] .page-home .preview-card:first-child { grid-row:auto; } }
@media (prefers-reduced-motion: reduce) { .site-profile-motif, .signature-panel[data-motion-grammar] .signature-controls button, .signature-panel[data-motion-grammar] .chapter-rail a, .signature-panel[data-motion-grammar] .method-choices label, .signature-panel[data-motion-grammar] .domain-signature-radios label, .signature-panel[data-motion-grammar] .domain-signature-select { transition:none !important; transform:none !important; } }