.causal-entry{margin:0 0 25px;padding:25px 30px;background:#e5eddb;border:1px solid #cbdab7;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:25px}.causal-entry h2{font-size:24px;margin:8px 0}.causal-entry p{font-size:13px;margin:8px 0 0;color:#6b7c5c}.causal-entry .button{flex-shrink:0}#causal-dock{scroll-margin-top:20px;padding-top:27px}.causal-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:5px 0 23px}.causal-title h2{font-size:32px;margin:9px 0;letter-spacing:-.7px}.causal-title p{color:#76836c;font-size:13px;margin:7px 0;line-height:1.8}.causal-case-list{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.causal-case-list button{padding:17px 18px;border:1px solid #d7e0cc;border-radius:10px;display:flex;flex-direction:column;gap:8px;background:#fff;text-align:left}.causal-case-list small{font-size:10px;letter-spacing:1px;color:#879878}.causal-case-list strong{font-size:14px;color:#3d5738}.causal-case-list button[aria-pressed=true]{background:#293f36;border-color:#293f36}.causal-case-list button[aria-pressed=true] small{color:#acbd95}.causal-case-list button[aria-pressed=true] strong{color:#e2efcf}.causal-condition{margin:17px 0;padding:15px 19px;border:1px solid #e0e4d6;border-radius:9px;background:#f0f3e9}.causal-condition>span{font-size:11px;color:#859472;display:inline-block;margin-right:14px}.causal-condition strong{font-size:13px;color:#516645;font-weight:600}.causal-condition p{font-size:11px;color:#7b876e;margin:7px 0 0;line-height:1.8}.causal-steps{display:flex;align-items:center;gap:18px;margin:20px 0;font-size:12px;color:#8a9680}.causal-steps span{padding:6px 0}.causal-steps span.active{color:#47613c;border-bottom:2px solid #77995d;font-weight:700}.causal-steps i{font-style:normal;color:#b1bba5}.causal-predict{display:grid;grid-template-columns:1fr auto;gap:12px 24px;background:#fff;border:1px solid #dce4d3;border-radius:12px;padding:22px;margin-bottom:20px}.causal-predict h3{font-size:17px;margin:0 0 8px}.causal-predict p{font-size:12px;line-height:1.9;color:#7b8871;margin:0;max-width:760px}.causal-predict .button{grid-column:2;grid-row:1 / 3;align-self:center}.causal-part-choices{display:flex;gap:9px;flex-wrap:wrap}.causal-part-choices label{display:flex;align-items:center;gap:6px;font-size:12px;border:1px solid #dce4d3;border-radius:6px;padding:8px 11px;cursor:pointer;background:#fafcf6}.causal-part-choices label:has(input:checked){background:#e4edda;border-color:#a6ba91;color:#416332}.causal-part-choices input{accent-color:#647f4d}.causal-sealed{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:16px 19px;margin:16px 0 23px;border:1px solid #cfdcbe;border-radius:8px;background:#eaf1e1}.causal-sealed strong{font-size:12px;color:#597343}.causal-sealed span{font-size:11px;color:#7b8a6b}.causal-sealed .text-link{margin-left:auto;font-size:12px}.causal-active #causal-entry,.causal-active #page-lab>.intro,.causal-active .vehicle-selector,.causal-active .vehicle-context,.causal-active #workspace>.structure-panel,.causal-active #workspace>.detail-panel,.causal-active #page-lab>.innovation-entry,.causal-active #page-lab>.path-section,.causal-active #page-lab>.bottom-strip{display:none!important}.causal-active #workspace{display:block;scroll-margin-top:18px}.causal-active .viewer-panel{border-radius:16px;border:1px solid #2d4844;overflow:hidden}.causal-active .viewer-top,.causal-active .viewer-panel>.model-notice,.causal-active .viewer-panel>.model-caption,.causal-active .viewer-panel>.viewer-tools{display:none}.causal-active #three-container{height:430px;min-height:430px;max-height:none}.causal-active .viewer-panel>#observation-tools,.causal-active .viewer-panel>#observation-note,.causal-active .viewer-panel>#explode-range,.causal-active .viewer-panel>#cycle-indicator,.causal-active .viewer-panel>#animation-bar{display:none!important}#causal-view-head{display:grid;grid-template-columns:1fr 1fr;padding:20px 28px;background:#203834;border-bottom:1px solid #ffffff10;color:#dce9cd;gap:18px}#causal-view-head>div{display:flex;align-items:center;gap:10px;justify-content:center}#causal-view-head strong{font-size:14px;font-weight:600}#causal-view-head small{font-size:10px;color:#8fac9e}.causal-base-dot,.causal-test-dot{width:7px;height:7px;border-radius:50%;background:#a6c68d}.causal-test-dot{background:#e8ab70}#causal-transport{padding:19px 26px 13px;background:#203a37;color:#c9dcc2;border-top:1px solid #496051}.causal-transport-row{display:flex;align-items:center;gap:17px;margin-bottom:16px;flex-wrap:wrap}.causal-transport-row label{font-size:12px}.causal-transport-row input[type=range]{flex:1;min-width:140px;accent-color:#bfde91}.causal-transport-row .button{background:#d1e7ae;color:#263f30;min-height:40px;font-size:12px}.causal-transport-row output{font:600 15px monospace;min-width:48px}.causal-transport-row .text-link{font-size:11px;color:#cbdeb9}.causal-layout-switch{display:flex;gap:2px;background:#142f2c;border:1px solid #4b6252;border-radius:7px;padding:3px}.causal-layout-switch button{font-size:11px;padding:7px 12px;border-radius:4px;color:#a4b99b}.causal-layout-switch button[aria-pressed=true]{background:#50684c;color:#eef6df}.causal-lens{display:flex;align-items:center;gap:6px;margin-left:auto;font-size:11px!important}.causal-lens input{accent-color:#b0cf89}.causal-color-key{font-size:10px;color:#9bb38f}.causal-rig-note{font-size:10px;color:#8fa99b;margin:2px 0;line-height:1.8}#causal-dashboard{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:1px;background:#506246;border-top:1px solid #506246}.causal-wave,.causal-reading{padding:22px 25px;background:#f8faf3;min-width:0}.causal-wave-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.causal-wave h3,.causal-reading h3{font-size:17px;color:#3e5837;margin:8px 0}.causal-wave-heading label{font-size:11px;color:#7e8c70;display:flex;align-items:center;gap:8px}.causal-wave-heading select{padding:7px;font-size:12px;border:1px solid #c9d6ba;border-radius:5px;background:#fff;color:#526944;max-width:150px}.causal-wave svg{width:100%;height:168px;display:block;margin-top:18px;overflow:visible}.causal-wave svg text{font:10px sans-serif;fill:#819170}.causal-gridline{stroke:#e0e7d6;stroke-width:1}.trace-base{stroke:#648d60;stroke-width:2.5;fill:none}.trace-test{stroke:#cf8646;stroke-width:2.5;stroke-dasharray:7 4;fill:none}#causal-marker{stroke:#697e59;stroke-dasharray:3 4;stroke-width:1}#causal-base-point{fill:#648d60;stroke:white;stroke-width:1.5}#causal-test-point{fill:#cf8646;stroke:white;stroke-width:1.5}.causal-wave>p{display:flex;flex-wrap:wrap;gap:12px;font-size:10px;color:#88977b;margin:5px 0}.trace-legend.base{color:#648d60}.trace-legend.test{color:#bf8046}.causal-values{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:23px 0 10px}.causal-values small{display:block;color:#8b987c;font-size:11px}.causal-values strong{display:block;font:600 28px/1.6 system-ui;color:#618256}.causal-values>div:last-child strong{color:#c48d51}.causal-reading>p{font-size:11px;color:#7b896b;line-height:1.8;min-height:20px}.causal-reading>.button{font-size:12px;padding:10px 15px;min-height:40px}.causal-reading>small{display:block;font-size:10px;color:#8c997f;margin-top:10px}.causal-evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.causal-small{font-size:11px!important;color:#8a967c!important}.causal-observations article{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-bottom:1px solid #e3e8da;padding:15px 0}.causal-observations article>div{margin-right:auto}.causal-observations strong{font-size:12px;color:#577147}.causal-observations p{font:12px monospace;margin:8px 0}.causal-observations .text-link{font-size:11px}.causal-chain{border-left:3px solid #94ae77;padding:13px 15px;background:#f0f5e7;margin-top:20px;border-radius:0 8px 8px 0}.causal-chain strong{font-size:13px;line-height:1.8;color:#637f4e}.causal-chain p{font-size:12px;line-height:1.8;margin-bottom:0}.causal-replay-bar{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;padding:25px 28px;border:1px solid #d8e2c7;background:#eaf1df;border-radius:14px}.causal-replay-bar h3{font-size:18px;margin:9px 0}.causal-replay-bar p{font-size:12px;color:#82906f;margin:0;line-height:1.8}#causal-link-box{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;width:100%;padding-top:18px;border-top:1px solid #d0ddbd}#causal-link-box label{flex:1;min-width:180px;font-size:11px;color:#7a8e60}#causal-link-box input{display:block;width:100%;padding:10px;border:1px solid #bbcca6;border-radius:6px;background:#fafff3;color:#597046;font:12px monospace;margin-top:7px}.causal-history{margin:23px 0 40px;border:1px solid #dce4d1;border-radius:12px;background:#fff;padding:20px 24px}.causal-history summary{font-size:14px;color:#687d55;cursor:pointer}.causal-history article{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid #e2e9da;margin-top:15px;padding-top:15px}.causal-history article>span{margin-right:auto}.causal-history strong{font-size:13px;display:block;color:#526c43}.causal-history small{display:block;font-size:10px;color:#8c997e;margin-top:5px}.causal-history .text-link{font-size:11px}.causal-history p{font-size:12px;color:#8c997e}.causal-active .viewer-labels{display:none}.causal-predict button:focus-visible,.causal-case-list button:focus-visible{outline:3px solid #72936b;outline-offset:3px}@media(max-width:900px){.causal-predict{grid-template-columns:1fr}.causal-predict .button{grid-row:auto;grid-column:auto;justify-self:start}.causal-case-list{grid-template-columns:repeat(2,1fr)}.causal-entry{padding:23px;gap:15px}.causal-entry h2{font-size:20px}.causal-entry p{font-size:12px}#causal-view-head{padding:16px}#causal-view-head>div{flex-wrap:wrap;gap:5px 9px}#causal-view-head small{width:100%;text-align:center}.causal-evidence-grid{grid-template-columns:1fr;gap:0}.causal-transport-row{gap:12px}#causal-dashboard{grid-template-columns:1fr}.causal-reading{display:grid;grid-template-columns:1fr auto;gap:8px 20px}.causal-reading>.eyebrow,.causal-reading>h3,.causal-reading>p,.causal-reading>small{grid-column:1}.causal-values{grid-column:2;grid-row:1 / 4;margin:8px 0;gap:18px}.causal-reading>.button{grid-column:2;grid-row:4 / 6;align-self:center}.causal-lens{margin-left:0}.causal-title h2{font-size:26px}}@media(max-width:600px){.causal-entry{flex-direction:column;align-items:stretch;padding:21px;margin:0 0 18px}.causal-entry .button{align-self:flex-start}.causal-entry h2{font-size:20px}.causal-title{align-items:flex-start;gap:12px}.causal-title h2{font-size:23px}.causal-title .button{padding:9px 11px;font-size:10px;min-height:36px;flex-shrink:0}.causal-title p{font-size:11px}.causal-title .eyebrow{font-size:8px;letter-spacing:.8px}.causal-case-list{gap:8px}.causal-case-list button{padding:12px}.causal-case-list small{font-size:8px}.causal-case-list strong{font-size:12px}.causal-condition{padding:13px}.causal-condition strong{display:block;font-size:12px;margin-top:5px}.causal-condition p{font-size:10px}.causal-steps{font-size:10px;gap:8px;justify-content:space-between}.causal-steps i{font-size:9px}.causal-predict{padding:18px;gap:13px}.causal-predict h3{font-size:16px}.causal-predict p{font-size:11px}.causal-part-choices{gap:7px}.causal-part-choices label{padding:7px;font-size:11px}.causal-sealed{padding:14px;gap:8px}.causal-sealed strong{font-size:11px}.causal-sealed span{font-size:10px}.causal-active #three-container{height:360px;min-height:360px}#causal-view-head{gap:10px;padding:14px 12px}#causal-view-head strong{font-size:11px}#causal-view-head small{font-size:8px}.causal-base-dot,.causal-test-dot{width:5px;height:5px}#causal-transport{padding:14px 14px 10px}.causal-transport-row{gap:9px}.causal-transport-row label{font-size:10px}.causal-transport-row .button{font-size:10px;padding:8px 10px;min-height:34px}.causal-transport-row input[type=range]{min-width:90px;width:90px}.causal-transport-row output{font-size:12px;min-width:35px}.causal-transport-row .text-link{font-size:10px}.causal-layout-switch button{font-size:10px;padding:6px 9px}.causal-rig-note{font-size:9px}.causal-color-key{font-size:9px}.causal-wave,.causal-reading{padding:18px 15px}.causal-wave-heading{gap:9px}.causal-wave h3,.causal-reading h3{font-size:14px}.causal-wave .eyebrow,.causal-reading .eyebrow{font-size:8px;letter-spacing:.7px}.causal-wave-heading label{display:block;font-size:9px}.causal-wave-heading select{display:block;font-size:10px;padding:6px;max-width:110px;margin-top:4px}.causal-wave svg{height:auto;margin-top:21px}.causal-wave>p{font-size:9px;gap:8px}.causal-reading{display:block}.causal-values{margin:14px 0;max-width:270px}.causal-values strong{font-size:26px}.causal-reading>.button{margin-top:7px}.causal-evidence-grid{margin-top:18px}.causal-replay-bar{padding:21px}.causal-replay-bar h3{font-size:17px}.causal-replay-bar p{font-size:11px}.causal-history{padding:18px}.causal-history article{gap:12px}.causal-history .text-link{font-size:10px}.causal-observations article{gap:10px}.causal-observations .text-link{font-size:10px}}

#causal-view-head[data-layout=base],#causal-view-head[data-layout=test]{grid-template-columns:1fr}#causal-view-head[data-layout=base]>div:last-child,#causal-view-head[data-layout=test]>div:first-child{display:none}

.causal-adaptive{margin:0 0 24px;padding:28px;border:1px solid #c6d7b6;background:#eef4e5;border-radius:14px}.causal-adaptive>h3{font-size:23px;margin:10px 0;color:#344f34}.causal-adaptive p{font-size:12px;line-height:1.9;color:#647657}.causal-witnesses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.causal-witnesses article{border:1px solid #d5e0c8;background:#fff;padding:20px;border-radius:10px}.causal-witnesses h4,.causal-transfer h4{font-size:17px;color:#49623d;margin:10px 0}.causal-witnesses small{display:block;font-size:10px;color:#8c9a7d;margin-top:8px}.causal-transfer{border-top:1px solid #cfddbf;padding-top:23px;margin-top:23px}.causal-transfer fieldset{border:0;padding:0;margin:16px 0}.causal-transfer legend{font-size:12px;margin-bottom:12px}.causal-transfer .practice-feedback{margin-top:18px}.causal-success{grid-column:1/-1}.causal-adaptive button{font-size:12px}.causal-adaptive .eyebrow{line-height:1.8}@media(max-width:650px){.causal-adaptive{padding:20px}.causal-adaptive>h3{font-size:20px}.causal-witnesses{grid-template-columns:1fr}.causal-witnesses article{padding:17px}}
