/* A shared tactile, technical illustration system for the three narratives. */
.ekx-art{display:block;width:100%;height:auto!important;max-height:none!important;overflow:visible}
.ekx-art text{font-family:Inter,Arial,sans-serif;fill:#244d36;pointer-events:none}
.ekx-art .ekx-label{font-size:16px;font-weight:550;letter-spacing:-.2px}
.ekx-art .ekx-code{font:600 11px Consolas,monospace;letter-spacing:1px;fill:#3b7952}
.ekx-art .ekx-small{font-size:13px;fill:#617851}
.ekx-art .ekx-micro{font:500 9px Consolas,monospace;letter-spacing:.45px;fill:#708463}
.ekx-art .ekx-light{font:600 11px Consolas,monospace;letter-spacing:.5px;fill:#e6f3dc}
.ekx-art .ekx-screen{font:500 12px Consolas,monospace;fill:#e6f3dc}
.ekx-art .ekx-number{font:600 32px 'Space Grotesk',Arial,sans-serif;letter-spacing:-1px;fill:#24583d}
.ekx-art .ekx-stamp-text{font:700 24px Consolas,monospace;fill:currentColor;letter-spacing:1px}
.ekx-object{outline:none;cursor:pointer;transition:filter .2s}
.ekx-object:hover{filter:drop-shadow(0 3px 4px #3f653137)}
.ekx-object:focus-visible,.ekx-object.is-selected,.ekx-object[aria-pressed=true]{filter:drop-shadow(0 0 4px #cc8b436b)}
.ekx-object:focus-visible{outline:2px solid #bf8b4c;outline-offset:7px}
.ekx-signal{stroke-dasharray:3 24;animation:ekx-travel 3.2s linear 2}
.ekx-signal.is-held{stroke-dasharray:3 8;animation:none;opacity:.7}
.scene-paused .ekx-signal{animation-play-state:paused}
.ekx-station{opacity:.45;transition:opacity .3s}
.ekx-station.is-active,.ekx-object:hover .ekx-station,.ekx-object:focus-visible .ekx-station{opacity:1}
.ekx-art .ekx-stamp{opacity:0;transform-box:fill-box;transform-origin:center;transform:rotate(-8deg)}
.ekx-art .ekx-stamp.is-stamped{opacity:1;animation:ekx-stamp .45s cubic-bezier(.22,.8,.3,1)}
@keyframes ekx-travel{to{stroke-dashoffset:-54}}
@keyframes ekx-stamp{0%{opacity:0;transform:translateY(-13px) rotate(-8deg) scale(1.2)}65%{opacity:1;transform:translateY(2px) rotate(-8deg) scale(.98)}100%{opacity:1;transform:rotate(-8deg)}}

#pipeline .ekr-walk-steps{gap:0;border:1px solid #d2dfc5;border-radius:9px;overflow:hidden;margin:20px 0;background:#fbfdf6}
#pipeline .ekr-walk-steps button{border:0;border-right:1px solid #e0e8d7;min-height:65px;padding:13px 10px;position:relative}
#pipeline .ekr-walk-steps button[aria-pressed=true]{background:#e4eed7;color:#244d36;box-shadow:inset 0 -3px #b68147}
#pipeline .ekr-walk-steps span{font-size:9px;margin-bottom:6px;color:#789367}
#pipeline .ekr-walk-top{background:#234d37;color:#e9f3de;font-size:9px;padding:15px 23px}
#pipeline .ekr-walkthrough{border-color:#bdcfae;border-radius:13px;box-shadow:0 16px 44px -35px #284a2970;container-type:inline-size}
#pipeline .ekr-scene{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,.83fr);background:#f8fbf0}
#pipeline .ekr-scene-heading{grid-column:1/-1;padding:25px 29px 22px;border-bottom:1px solid #d8e3ca;background:#fbfcf5}
#pipeline .ekr-scene-heading .ekr-eyebrow{color:#809466;font-size:8px;letter-spacing:.12em}
#pipeline .ekr-scene-heading h3{font-size:26px;letter-spacing:-.65px;margin:10px 0}
#pipeline .ekr-scene-heading>p:last-child{font-size:12px;max-width:750px}
#pipeline .ekr-scene-image{margin:0;align-self:center;background:transparent}
#pipeline .ekr-scene-console{border-top:0;border-left:1px solid #d8e3ca;padding:27px 24px;background:#f1f6e7;display:flex;flex-direction:column;justify-content:center}
#pipeline .ekr-scene-console-label{font-size:9px;color:#78905e;letter-spacing:.13em}
#pipeline .ekr-scene-options{display:grid;gap:7px}
#pipeline .ekr-scene-options button{text-align:left;padding:12px 14px;min-height:43px;border-radius:6px;background:#fbfdf5;font-size:12px;position:relative}
#pipeline .ekr-scene-options button:after{content:'↗';float:right;color:#95ad7f}
#pipeline .ekr-scene-options button[aria-pressed=true]{background:#315c3e;border-color:#315c3e;color:#eff6e4}
#pipeline .ekr-scene-options button[aria-pressed=true]:after{content:'●';font-size:8px;color:#b3d293}
#pipeline .ekr-scene-outcome{display:grid;gap:12px;min-height:0;margin-top:25px;padding-top:21px;border-top:1px solid #ccdbb9}
#pipeline .ekr-scene-outcome>span{width:fit-content;font-size:10px}
#pipeline .ekr-scene-outcome p{font-size:12px;line-height:1.85}
#pipeline .ekr-scene-trace{margin-top:22px}
#pipeline .ekr-scene .ekr-walk-boundary{grid-column:1/-1;display:flex;align-items:center;gap:13px 25px;flex-wrap:wrap;padding:15px 25px;background:#eef4e3}
#pipeline .ekr-walk-boundary>span{flex:1 1 380px;font-size:11px}
#pipeline .ekr-walk-boundary small{font-size:8px}
#pipeline .ekr-walk-boundary button{font-size:10px;white-space:nowrap}
#pipeline .ekr-walk-controls{background:#fbfcf5;padding:16px 23px}
#pipeline .ekr-component-detail{border-color:#c4d4b3;border-radius:12px;background:#fafcf3;box-shadow:0 12px 28px -24px #29452f55}
#pipeline .ekr-pipeline-simple{display:block;padding:18px;background:#fafcf3;border:1px solid #cbdabe;border-radius:13px;overflow:hidden}
#pipeline .ekr-pipeline-simple>span{display:none}
#pipeline .ekr-capability-diorama{grid-column:1/-1}
#pipeline .ekr-pipeline-simple>div:not(.ekr-capability-diorama){padding:0 18px 16px;position:relative}
#pipeline .ekr-pipeline-simple .ekr-pipeline-node{background:transparent;min-height:0;padding:15px 0;border:0;border-top:1px solid #ceddc1;border-radius:0;box-shadow:none}
#pipeline .ekr-pipeline-simple .ekr-pipeline-node b{font-size:18px}
#pipeline .ekr-pipeline-simple .ekr-pipeline-node small{font-size:9px}
#pipeline .ekr-pipeline-simple .ekr-pipeline-node[aria-pressed=true]{border-top-color:#b9894b;background:transparent;color:#28513b}
#pipeline .ekr-pipeline-simple .ekr-system-overview{margin:0 auto;max-width:none;border:0;box-shadow:none;background:transparent}
#pipeline .ekr-pipeline-simple .ekr-system-picture{background:linear-gradient(145deg,#f8fbf0,#edf5e5)}
#pipeline .ekr-pipeline-workspace.view-simple{display:block}
#pipeline .ekr-pipeline-workspace.view-simple .ekr-component-detail{display:none}
.ekr-anchor-alias{display:block;position:relative;top:-92px;height:0;scroll-margin-top:92px}
#pipeline .ekr-pipeline-map{display:block;background:#f8faf1;padding:0;border:1px solid #c9d9b9;border-radius:13px;overflow:hidden}
#pipeline [data-map-detailed][hidden],#pipeline [data-map-simple][hidden]{display:none!important}
#pipeline .ekr-pipeline-map>.ekr-pipeline-lane,#pipeline .ekr-pipeline-map>.ekr-map-edges{display:none}
.ekr-complete-diorama{overflow:auto}
.ekr-complete-diorama .ekx-art{min-width:730px}

#evidence-change .ekr-story-timeline{gap:0;margin:24px 0 17px;border:1px solid #c8d7b8;border-radius:9px;overflow:hidden;background:#fafcf3}
#evidence-change .ekr-story-timeline button{border:0;border-right:1px solid #d5e1c8;padding:17px 14px;position:relative}
#evidence-change .ekr-story-timeline button[aria-pressed=true]{background:#e6efd9;box-shadow:inset 0 -3px #bd8747}
#evidence-change .ekr-story-timeline span{font-size:9px;color:#7e9369}
#evidence-change .ekr-story-timeline b{font-size:11px;font-weight:550}
#evidence-change .ekr-story-frame{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,.83fr);border:1px solid #c2d2b0;border-radius:13px;background:#f8faf0;box-shadow:0 16px 44px -35px #284a2970;overflow:hidden;padding:0;container-type:inline-size}
#evidence-change .ekr-story-intro{grid-column:1/-1;display:flex;justify-content:space-between;align-items:start;gap:30px;padding:27px 29px 23px;background:#fbfcf5;border-bottom:1px solid #d7e2c7}
#evidence-change .ekr-story-intro>div{flex:1.2;position:relative;min-width:0;padding-right:75px}
#evidence-change .ekr-story-intro h3{font:600 25px/1.25 'Space Grotesk',Inter,sans-serif;letter-spacing:-.6px;margin:11px 0 0;color:#224b35}
#evidence-change .ekr-story-intro>p{flex:1;font-size:12px;line-height:1.85;margin:0;max-width:470px;color:#5c7150}
#evidence-change .ekr-story-stamp{font-size:12px;right:0;top:0;padding:4px 8px}
#evidence-change .ekr-story-art{grid-column:1;grid-row:2 / span 2;align-self:center;border:0;margin:0;background:transparent}
#evidence-change .ekr-story-ledger{display:grid;grid-template-columns:1fr;gap:8px;padding:25px 23px 18px;margin:0;border:0;border-left:1px solid #d8e3ca;background:#f0f5e5}
#evidence-change .ekr-story-ledger button{border:1px solid #c7d7b5;background:#fafcf3;border-radius:7px;min-height:78px;padding:14px;text-align:left}
#evidence-change .ekr-story-ledger button[aria-pressed=true]{background:#e4edda;border-color:#96b082;box-shadow:inset 3px 0 #b48347}
#evidence-change .ekr-story-ledger span{font-size:9px;color:#759261;letter-spacing:.08em}
#evidence-change .ekr-story-ledger b{font-size:12px;line-height:1.7;margin-top:8px;color:#35573b}
#evidence-change .ekr-story-inspection{grid-column:2;border:0;border-left:1px solid #d8e3ca;background:#f0f5e5;padding:2px 23px 25px;margin:0;font-size:12px;line-height:1.9;min-height:0}
#evidence-change .ekr-story-inspection b{font-size:11px;color:#456c43}
#evidence-change .ekr-story-inspection p{margin:8px 0 0;color:#5c7451}

.ekr-decision-flow{border-color:#bdcfae;border-radius:13px;box-shadow:0 16px 44px -35px #284a2970;container-type:inline-size}
.ekr-decision-flow .flow-toolbar{background:#fbfcf5;padding:22px 25px;border-color:#d6e2c7}
.ekr-decision-flow .flow-steps{gap:0;padding:0;border-bottom:1px solid #cfddbf}
.ekr-decision-flow .flow-steps button{border-radius:0;border-right:1px solid #d8e3c9;background:#f1f6e7;min-height:54px;padding:16px 23px;font-size:12px}
.ekr-decision-flow .flow-steps button[aria-pressed=true]{background:#e5efd8;box-shadow:inset 0 -3px #b88447;color:#284f37}
.ekr-decision-flow .flow-picture{padding:0;background:none}
.ekr-decision-flow .flow-explanation{background:#fbfcf4;padding:24px 27px;border-color:#d6e1c6;min-height:0}
.ekr-decision-flow .flow-explanation h3{font-size:24px;letter-spacing:-.5px}
.ekr-decision-flow .flow-explanation p{font-size:12px;max-width:850px}
.ekr-flow-inspector{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:13px 25px;background:#eef4e3;border-top:1px solid #d3dfc3}
.ekr-flow-inspector>span{font:500 9px Consolas,monospace;letter-spacing:.08em;color:#768d62;margin-right:10px}
.ekr-flow-inspector button{font-size:11px;padding:7px 11px;min-height:33px;background:#fafcf4}
.ekr-flow-inspector button[aria-pressed=true]{background:#315c3e;color:#f3f8e9}
.ekr-flow-object-copy{margin:0;padding:16px 27px;background:#f4f8eb;border-top:1px solid #d7e2c8;color:#5d7554;font-size:12px;line-height:1.8}
.ekr-flow-object-copy b{display:block;color:#365e40;font-size:11px;margin-bottom:6px}
.ekr-flow-object-copy[hidden]{display:none}

@container(max-width:820px){
 #pipeline .ekr-scene{grid-template-columns:1fr}
 #pipeline .ekr-scene-console{border-left:0;border-top:1px solid #d8e3ca;padding:22px 25px}
 #pipeline .ekr-scene-options{grid-template-columns:repeat(3,minmax(0,1fr))}
 #pipeline .ekr-scene-options button{font-size:11px;padding:11px}
 #pipeline .ekr-scene-outcome{display:flex;align-items:start;margin-top:18px;padding-top:17px}
 #pipeline .ekr-scene-outcome p{flex:1}
 #evidence-change .ekr-story-frame{grid-template-columns:1fr}
 #evidence-change .ekr-story-art{grid-row:auto;grid-column:1}
 #evidence-change .ekr-story-ledger{grid-template-columns:repeat(3,minmax(0,1fr));border-left:0;border-top:1px solid #d8e3ca}
 #evidence-change .ekr-story-inspection{grid-column:1;border-left:0}
}
@media(max-width:700px){
 #pipeline .ekr-scene{grid-template-columns:1fr}
 #pipeline .ekr-scene-console{border-left:0;border-top:1px solid #d8e3ca;padding:22px}
 #pipeline .ekr-scene-heading{padding:22px}
 #pipeline .ekr-scene-options{grid-template-columns:1fr}
 #pipeline .ekr-scene-outcome{display:grid}
 #pipeline .ekr-walk-boundary>span{flex-basis:100%}
 #pipeline .ekr-pipeline-simple{grid-template-columns:1fr}
 #pipeline .ekr-pipeline-simple>div:not(.ekr-capability-diorama){padding-bottom:0}
 #pipeline .ekr-capability-diorama{overflow:auto}
 #pipeline .ekr-capability-diorama>svg{min-width:690px}
 #evidence-change .ekr-story-frame{grid-template-columns:1fr}
 #evidence-change .ekr-story-intro{display:block;padding:24px 22px}
 #evidence-change .ekr-story-intro>p{margin-top:14px}
 #evidence-change .ekr-story-intro h3{font-size:23px}
 #evidence-change .ekr-story-art{grid-row:auto;grid-column:1}
 #evidence-change .ekr-story-ledger{grid-template-columns:1fr;border-left:0;border-top:1px solid #d8e3ca;padding:20px 22px 15px}
 #evidence-change .ekr-story-ledger button{min-height:65px}
 #evidence-change .ekr-story-inspection{grid-column:1;border-left:0;padding:0 22px 22px}
 #evidence-change .ekr-story-timeline button{padding:14px 6px;min-height:50px}
 #evidence-change .ekr-story-timeline button[aria-pressed=true]:after{content:'●';position:absolute;bottom:6px;left:calc(50% - 3px);font-size:7px;color:#a87d45}
 #evidence-change .ekr-story-timeline span{margin:0;text-align:center}
 .ekr-decision-flow .flow-toolbar{padding:20px}
 .ekr-decision-flow .flow-steps button{font-size:10px;padding:12px 8px;min-height:54px}
 .ekr-decision-flow .flow-explanation{padding:21px}
 .ekr-decision-flow .flow-explanation h3{font-size:22px}
 .ekr-flow-inspector{padding:14px 20px}
 .ekr-flow-inspector>span{width:100%}
 .ekr-flow-object-copy{padding:18px 21px}
 .ekx-art .ekx-micro{font-size:10px}
 .ekx-art .ekx-small{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.ekx-signal,.ekx-art .ekx-stamp.is-stamped{animation:none}.ekx-object,.ekx-station{transition:none}}