/* Appearance is independent of the illustrative workspace's own green palette. */
:root{--surface:#edf2ea;--surface-line:#becdbb;--body-copy:#435b50;--technical-copy:#4c5f49;--accent-copy:#47633d;--chip:#dce9d3;--hover-surface:#e0ebd8;--deep-ink:#14382e;--cta-bg:#14382e;--cta-text:#fff;--cta-hover:#285746;--focus:#627d2b}
:root[data-theme="dark"]{--ink:#e7eee5;--muted:#afbeb3;--paper:#101b17;--line:#33483c;--surface:#19281f;--surface-line:#3c5242;--body-copy:#bfcec1;--technical-copy:#b8cbb7;--accent-copy:#c0d8a9;--chip:#30452b;--hover-surface:#263a2b;--cta-bg:#dfff8e;--cta-text:#14382e;--cta-hover:#ecffbd;--focus:#dfff8e}
.header-actions{display:flex;align-items:center;gap:24px}
.theme-picker{font:inherit;font-size:13px;min-height:40px;max-width:104px;padding:8px 10px;border:1px solid var(--line);border-radius:24px;color:var(--ink);background:var(--paper);cursor:pointer}
a:focus-visible,button:focus-visible,.theme-picker:focus-visible{outline-color:var(--focus)}
.theme-picker:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
::selection{background:var(--lime);color:var(--deep-ink)}
.skip{color:var(--deep-ink)}
.hero-description{color:var(--body-copy)}
.button{background:var(--cta-bg);color:var(--cta-text)}
.button:hover{background:var(--cta-hover)}
.technology{background:var(--surface)}
.loop,.loop li,.loop-return,.mechanisms article,.architecture-note{border-color:var(--surface-line)}
.loop span,.loop-return,.feature-index,.founder-role,.founder-initials{color:var(--accent-copy)}
.mechanisms p,.architecture-note span{color:var(--technical-copy)}
.mechanism-flow{border-color:var(--surface-line)}
.mechanism-flow strong{background:var(--chip)}
.loop li:hover{background:var(--hover-surface)}
.mechanisms article:hover{border-color:var(--accent-copy)}
.research-band,.responsibility{background:var(--deep-ink)}
.tes-monogram,.workspace-mark,.story-next,.state-card{color:var(--deep-ink)}
.closing{color:var(--deep-ink)}
.closing .button{background:var(--deep-ink);color:#fff}
.closing .button:hover{background:#285746}
:root[data-theme="dark"] .story-shell{box-shadow:0 28px 65px -32px #0009,0 8px 18px -10px #0008}
:root[data-theme="dark"] .state-card{background:#263e30;color:#e7eee5;border-color:#526e53;box-shadow:9px 9px 0 #426548,18px 18px 0 #203e2c,0 20px 28px #0004}
:root[data-theme="dark"] .state-card>div{border-color:#49624b}
:root[data-theme="dark"] .state-card dt{color:#c0d0bb}
:root[data-theme="dark"] .state-card .superseded{color:#adbda6}
:root[data-theme="dark"] .state-card .state-emphasis dd{color:var(--lime)}
@media(max-width:1050px){.header-actions{gap:16px}.header nav{gap:16px}}
@media(min-width:761px) and (max-width:920px){.header{height:auto;min-height:112px;flex-wrap:wrap;gap:12px;padding-block:20px 10px}.header nav{order:3;width:100%;justify-content:space-between;padding-block:8px}}
@media(max-width:760px){.header-actions{gap:12px}.contact-link{gap:6px}.theme-picker{font-size:12px;padding-inline:8px;max-width:94px}:root[data-theme="dark"] .state-card{box-shadow:6px 6px 0 #426548,12px 12px 0 #203e2c}}
@media(max-width:360px){.header-actions{gap:10px}.contact-link span{display:none}.contact-link{font-size:13px}.theme-picker{max-width:88px}}