/* Generated only for PO-04; no remote asset or identity claim. */
html[data-site-variant="PO-04"] { --site-accent: #536577; --site-ink: #202e3a; --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="PO-04"], body[data-site-variant="PO-04"] input, body[data-site-variant="PO-04"] select, body[data-site-variant="PO-04"] button { font-family:var(--site-body-font); }
body[data-site-variant="PO-04"] h1, body[data-site-variant="PO-04"] h2, body[data-site-variant="PO-04"] h3, body[data-site-variant="PO-04"] .wordmark, body[data-site-variant="PO-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; }
.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[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"] .compact-signature-states { 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: 44rem) { .hero { gap:.32rem; padding:.48rem; } .hero h1 { font-size:clamp(1.72rem,8vw,2.15rem); 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; } .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; } .hero .signature-panel.signature-panel--compact .compact-signature-states { gap:.1rem; } .hero .signature-panel.signature-panel--compact .compact-signature-states p { font-size:.66rem; line-height:1.18; } .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; } 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 { transition:none !important; transform:none !important; } }