@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{--paper:#f4f3ed;--ink:#242e29;--muted:#778078;--line:#dddfd5;--orange:#e96540;--orange-pale:#faeee5;--green:#4e7865;--dark:#22332b;--white:#fdfdf9;--font:'DM Sans',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button,a,select{outline-offset:5px}button:focus-visible,a:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--orange)}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,p{margin:0}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.skip-link{position:fixed;top:-60px;left:20px;z-index:20;padding:12px;background:var(--white)}.skip-link:focus{top:15px}.header{height:90px;margin:0 4.4%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:32px;letter-spacing:-1.8px}.brand-period{color:var(--orange)}nav{display:flex;align-self:stretch;gap:30px;margin-left:60px}.nav-link{background:none;padding:0 2px;border-bottom:2px solid transparent;font-size:13px;color:#778077;font-weight:550}.nav-link.active{color:var(--ink);border-color:var(--orange)}.nav-link span{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;margin-left:5px;border:1px solid var(--line);border-radius:5px;font-size:10px}.header-note{font-family:var(--display);font-size:9px;letter-spacing:1.1px;display:flex;gap:9px;align-items:center;color:#758175}.status-dot,.orange-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#82a68b;flex-shrink:0}.orange-dot{background:var(--orange)}.version{border:1px solid var(--line);border-radius:4px;padding:4px 5px;color:#899084}main{max-width:1540px;margin:0 auto;padding:0 4.4%}.hero{display:flex;justify-content:space-between;align-items:center;padding:57px 0 50px}.eyebrow{font-family:var(--display);font-size:10px;letter-spacing:1.5px;font-weight:500}.hero .eyebrow{display:flex;align-items:center;gap:9px;color:#677467}.tiny-cross{color:var(--orange);font-size:18px;line-height:12px}.hero h1{font-family:var(--display);font-size:clamp(44px,4.6vw,67px);font-weight:500;line-height:1.04;letter-spacing:-3.5px;margin:20px 0 17px}.hero h1>span{color:#879684}.hero p{font-size:14px;color:#7a8177;line-height:1.7}.mobile-break{display:none}.hero-aside{align-self:flex-end;text-align:right;padding-bottom:3px}.mode-pill{border:1px solid #d5dbce;display:inline-flex;align-items:center;gap:7px;border-radius:20px;padding:7px 11px;background:#ebeee4;font-size:10px;font-weight:600;color:#63745c}.hero-aside p{font-size:12px;line-height:1.6;margin:13px 0 21px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:43px;padding:12px 18px;border-radius:6px;font-size:12px;font-weight:600;transition:background .2s,box-shadow .2s}.button.primary{background:var(--orange);color:#fffdf6}.button.primary:hover:not(:disabled){background:#d75533;box-shadow:0 3px 10px #c45b3320}.button.light{background:var(--white);border:1px solid var(--line)}.button.light:hover:not(:disabled){background:#eeeee6}.button.dark{background:var(--dark);color:#f8faf3}.button svg{width:16px;height:16px}.workspace-heading{border-top:1px solid var(--line);padding:24px 0 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.workspace-heading .eyebrow{font-size:9px;color:#87917f;letter-spacing:1.4px}h2{font-family:var(--display);font-weight:500}.workspace-heading h2{font-size:19px;letter-spacing:-.5px;margin-top:9px;display:flex;align-items:center;gap:11px}.tag{display:inline-block;font:9px var(--display);padding:4px 6px;border:1px solid var(--line);border-radius:3px;letter-spacing:.5px;vertical-align:middle;color:#828b7e}.stepper{display:flex;gap:16px;align-items:center;font-size:11px;color:#9da398}.stepper>span{display:flex;align-items:center;gap:7px}.stepper i{font-size:10px;border:1px solid #dce0d4;width:21px;height:21px;display:inline-flex;justify-content:center;align-items:center;border-radius:50%;font-style:normal}.stepper b{font-weight:400;color:#c3cbbd}.stepper .current{color:var(--orange)}.stepper .current i{color:#fff;background:var(--orange);border-color:var(--orange)}.stepper .finished{color:var(--green)}.stepper .finished i{background:#e4eadf;border-color:#c9d6c3}.workspace{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(300px,1fr);gap:22px;align-items:start}.rig-card{background:var(--dark);border-radius:10px;overflow:hidden;color:#e6ece2;box-shadow:0 4px 8px #1b302309}.rig-toolbar{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #ffffff0c;gap:10px;background:#25382e}.segmented{display:inline-flex;border:1px solid #ffffff15;border-radius:5px;padding:3px;background:#172a21}.segmented button{background:none;color:#8f9e92;font-size:11px;padding:7px 12px;border-radius:3px;min-height:30px}.segmented button.selected{background:#4a5c4e;color:#f3f4eb;box-shadow:0 1px 3px #0002}.rig-feed{display:flex;align-items:center;gap:7px;font-family:var(--display);font-size:8px;letter-spacing:1.1px;color:#a3afa0}.rig-feed .status-dot{background:#cbbb93;width:5px;height:5px}.rig-scene{background:radial-gradient(ellipse at 50% 45%,#2c4033 0%,#1f3127 80%)}.scene-title{display:flex;justify-content:space-between;padding:23px 24px 0;font-family:var(--display);font-size:8px;letter-spacing:1.4px;color:#829383}#rig-svg{display:block;width:100%;padding:4px 0 0;min-height:260px}.pipe-shadow{fill:none;stroke:#101e16;stroke-width:17;stroke-linejoin:round}.pipe{fill:none;stroke:#607567;stroke-width:10;stroke-linejoin:round}.water-path{fill:none;stroke:#86c8af;stroke-width:4;stroke-dasharray:8 12;opacity:0;stroke-linejoin:round}.water-path.flowing{opacity:.85;animation:flow 1.3s linear infinite}.junction{fill:#6f8777;stroke:#9aad9e;stroke-width:2}.component{cursor:pointer}.selection-ring{fill:transparent;stroke:transparent;stroke-width:1.5;transition:all .2s}.component:hover .selection-ring,.component:focus-visible .selection-ring{fill:#f1d6ac09;stroke:#b7c4ae70}.component.selected .selection-ring{fill:#ef754416;stroke:#e99568;stroke-dasharray:4 3}.component-label{font-family:var(--display);font-size:10px;letter-spacing:1.1px;fill:#d8e2d1}.component-note{font-family:var(--font);font-size:10px;fill:#879d89}.scene-bottom{padding:12px 22px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}#flow-status{display:flex;align-items:center;gap:8px;font-size:10px;color:#c6cfc0}.fault-dot{background:#e39a74}.flow-dot{background:#94c8a9}.layout-control{display:flex;align-items:center;gap:9px;color:#8b9f8b;font-family:var(--display);font-size:8px;letter-spacing:1px}.layout-control select{background:#253b2d;border:1px solid #5c73574d;color:#c9d4c2;font:10px var(--font);padding:6px;border-radius:4px;max-width:135px}.component-detail{display:flex;align-items:center;gap:13px;padding:18px 21px;border-top:1px solid #ffffff0b;background:#273b2e;min-height:81px}.detail-symbol{font-size:25px;color:#91a48c}.component-detail strong{font-size:11px;font-weight:500;color:#dce4d3}.component-detail p{font-size:10px;line-height:1.6;color:#99aa92;margin-top:5px}.detail-arrow{margin-left:auto;color:#92a18a;font-size:20px}.metrics{display:grid;grid-template-columns:1fr 1fr 1.15fr;margin-top:20px;border:1px solid var(--line);border-radius:7px;background:#f9f9f2;padding:18px 0}.metrics>div{padding:0 19px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.metrics>div:last-child{border:0}.metric-label{font:8px var(--display);letter-spacing:1.1px;color:#848f7c}.metrics strong{font-family:var(--display);font-weight:500;font-size:31px;letter-spacing:-1px;margin:10px 0 4px;line-height:1}.metrics>div>span:last-child{font-size:9px;color:#919687}.metrics .metric-word{font-size:23px;display:flex;justify-content:space-between;align-items:center;letter-spacing:-.8px;min-height:31px}.metric-word span{color:#8f9e83;font-size:19px}.metric-word.verified{color:var(--green)}.reasoning-column{display:flex;flex-direction:column;gap:17px}.experiment-card{background:var(--white);border:1px solid var(--line);border-radius:9px;padding:22px}.card-eyebrow{display:flex;justify-content:space-between;align-items:center;font:9px var(--display);letter-spacing:1px;color:#84907c}.card-eyebrow>span:first-child{display:flex;align-items:center;gap:6px}.card-eyebrow>span:last-child{font-size:12px;color:#b0b8a6}.experiment-card h3{font-family:var(--display);font-weight:500;font-size:25px;line-height:1.2;letter-spacing:-.8px;margin:23px 0 12px}.experiment-description{font-size:12px;line-height:1.75;color:#838a7c}.prediction-box{background:#f4f5ee;border:1px solid #e9ebdf;border-radius:6px;padding:14px;margin:20px 0}.prediction-box>span{display:flex;gap:5px;align-items:center;font:8px var(--display);letter-spacing:1.1px;color:#8f9884}.prediction-row{display:flex;gap:9px;margin-top:13px;font-size:11px;line-height:1.55;color:#737e69}.prediction-row b{font-size:13px;font-weight:500;color:#728667}.prediction-row strong{color:#4e5f45;font-weight:550}.prediction-row+.prediction-row{padding-top:11px;border-top:1px solid #e3e7d9}.prediction-box.committed{background:#f8f0e7;border-color:#eed9c9}.prediction-box.committed>span{color:#b67d58}.experiment-card .button{width:100%;justify-content:space-between;font-size:12px}.experiment-card .button:only-child{justify-content:space-between}.unclear-button{display:block;background:none;color:#8a9283;font-size:10px;text-decoration:underline;text-underline-offset:3px;margin:14px auto 0;padding:5px}.engine-note{text-align:center;font-size:9px;color:#a4aa9a;margin-top:15px}.result-note{padding:13px 14px;margin:17px 0;border:1px solid #dce7d5;background:#edf3e7;border-radius:5px;font-size:11px;line-height:1.7;color:#647b54}.result-note.warning{color:#a06745;background:#fcf1e7;border-color:#ecd5bd}.success-symbol{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e6efde;color:#63864d;font-size:23px;margin:20px 0 -9px}.hypotheses-card{border:1px solid var(--line);border-radius:8px;background:#f8f9f2;padding:18px 18px 14px}.card-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.card-title h3{font-size:11px;font-weight:600}.card-title>span{font-size:9px;color:#8c967f;white-space:nowrap}#hypotheses{margin-top:14px}.hypothesis{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #e5e8dc}.hypothesis:last-child{border-bottom:0}.hypothesis-indicator{display:flex;width:19px;height:19px;align-items:center;justify-content:center;border:1px solid #d7dfcc;border-radius:5px;color:#98a488;font-size:10px}.hypothesis-name{font-size:11px;flex:1}.hypothesis-status{font:8px var(--display);letter-spacing:.3px;color:#9ca78c}.hypothesis.eliminated{opacity:.45}.hypothesis.eliminated .hypothesis-name{text-decoration:line-through}.hypothesis.supported .hypothesis-indicator{background:#6d8959;border-color:#6d8959;color:white}.hypothesis.supported .hypothesis-status{color:#64824d}.hypotheses-note{font-size:9px;color:#929c86;margin-top:13px;line-height:1.6}.activity-strip{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding:26px 0 28px}.activity-icon{font-size:25px;color:#8c9d80}.activity-strip .eyebrow{font-size:8px;color:#909c83}.activity-strip p{font-size:11px;color:#748268;margin-top:7px;line-height:1.7}.text-button{display:inline-flex;gap:17px;align-items:center;background:none;font-size:10px;white-space:nowrap;margin-left:auto}.text-button>span{font-size:16px;color:#91a07e}.principle{display:flex;align-items:center;justify-content:space-between;padding:38px 0 45px;gap:24px}.principle>span:first-child{font:8px var(--display);letter-spacing:1.2px;color:#9aa48b}.principle p{font-family:var(--display);font-size:25px;line-height:1.4;font-weight:400;letter-spacing:-.8px;margin-left:auto;margin-right:90px}.principle em{font-style:normal;color:#8b9a7c}.principle-mark{font-size:65px;font-weight:400;color:#bec7ae}footer{margin:0 4.4%;padding:23px 0 28px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#9aa38e;font-size:10px}.footer-brand{font:bold 24px var(--display);letter-spacing:-1.5px;color:#758469}footer>span:last-child{font:8px var(--display);letter-spacing:1.2px}.page-heading{padding:65px 0 38px;display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.page-heading>.button{flex-shrink:0}.page-heading .eyebrow{color:#8a967e}.page-heading h1{font:500 clamp(35px,4vw,56px)/1.08 var(--display);letter-spacing:-2.5px;margin:20px 0 15px}.page-heading p{font-size:13px;color:#8a9282;line-height:1.8}.evidence-banner{background:#eeeede;border:1px solid #e1e1cf;display:flex;align-items:center;gap:12px;padding:16px 19px;border-radius:6px;margin-bottom:24px}.evidence-banner p{font-size:12px;line-height:1.7;color:#81866d}.evidence-list{margin-bottom:40px}.evidence-entry{display:grid;grid-template-columns:45px 1fr 90px;gap:15px;align-items:start;padding:24px;border:1px solid var(--line);border-bottom:0;background:var(--white)}.evidence-entry:first-child{border-radius:8px 8px 0 0}.evidence-entry:last-child{border-bottom:1px solid var(--line);border-radius:0 0 8px 8px}.event-number{font:15px var(--display);color:#aab39b;padding-top:2px}.event-type{display:inline-block;font:8px var(--display);letter-spacing:1px;color:#8b9a79;padding:4px 7px;border:1px solid #e2e7d8;border-radius:3px;margin-bottom:9px}.evidence-entry h3{font:500 17px var(--display);letter-spacing:-.4px;margin-bottom:8px}.evidence-entry p{font-size:12px;color:#869078;line-height:1.8}.evidence-entry time{font:10px var(--display);color:#96a286;padding-top:5px}.evidence-entry ul{padding-left:18px;font-size:11px;line-height:1.8;color:#839174;margin:8px 0 0}.camera-view{text-align:center;padding:28px 22px 18px;min-height:390px;background:#1e3026}.camera-icon{font-size:60px;color:#92a488;padding:10px 0 15px}.camera-view h3{font:500 22px var(--display);letter-spacing:-.7px}.camera-view p{font-size:11px;color:#9baa90;line-height:1.8;margin-top:12px}.camera-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:24px}.camera-actions .button{font-size:10px;padding:9px 12px;min-height:36px}.camera-view video{width:100%;max-height:300px;border-radius:5px;object-fit:contain}.camera-thumbnails{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.camera-thumbnails img{width:78px;height:56px;object-fit:cover;border-radius:4px;border:1px solid #5b6d50}.attachment-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px}.attachment-list figure{margin:0;background:var(--white);border:1px solid var(--line);padding:12px;border-radius:5px}.attachment-list img{width:100%;max-height:220px;object-fit:contain}.attachment-list figcaption{font-size:10px;color:#89947d;margin-top:10px;line-height:1.6}.kit-emblem{font-size:130px;color:#e58e65;line-height:1}.kit-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:10px 0 50px}.kit-intro{background:#e9ecdf;border:1px solid #dce2ce;border-radius:8px;padding:35px;align-self:start}.kit-intro>.eyebrow{color:#899878}.kit-intro h2{font-size:35px;letter-spacing:-1.3px;line-height:1.15;margin:22px 0}.kit-intro p{font-size:13px;line-height:1.9;color:#7b8a69}.kit-flow{font:9px var(--display);letter-spacing:.8px;line-height:2.2;padding:22px 0;border-top:1px solid #d6deca;border-bottom:1px solid #d6deca;margin:25px 0}.kit-flow>span{color:var(--orange);padding:0 6px}.kit-intro .muted{font-size:11px;color:#8c997d}.parts-list>div{display:grid;grid-template-columns:38px 1fr;padding:19px 0;border-bottom:1px solid var(--line)}.parts-list>div:first-child{padding-top:0}.parts-list span{grid-row:span 2;font:12px var(--display);color:#a0ad8f;padding-top:4px}.parts-list strong{font-size:15px;font-weight:500}.parts-list p{font-size:12px;color:#889579;line-height:1.8;margin-top:6px}.kit-roadmap{border-top:1px solid var(--line);padding:35px 0 50px}.kit-roadmap h2{font-size:23px;letter-spacing:-.6px;margin-bottom:24px}.kit-roadmap>div{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.kit-roadmap article{border:1px solid var(--line);padding:22px;background:var(--white);border-radius:6px}.kit-roadmap h3{font:500 18px var(--display);letter-spacing:-.4px;margin:18px 0 12px}.kit-roadmap p{font-size:12px;line-height:1.8;color:#839172}.done-tag{color:#64834b;background:#edf3e5;border-color:#d9e5cd}dialog{border:1px solid var(--line);border-radius:13px;padding:30px;width:min(450px,calc(100vw - 32px));background:var(--paper);color:var(--ink);box-shadow:0 25px 100px #16291b44}dialog::backdrop{background:#14251dcc;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-top .eyebrow{color:#8e9b7e;font-size:9px}.icon-button{background:none;font-size:24px;color:#8b987d;width:28px;height:28px}.dialog-top+h2{font-size:32px;line-height:1.15;letter-spacing:-1.4px;margin:20px 0 15px}dialog p{font-size:12px;line-height:1.8;color:#859273}dialog label{display:block;margin:25px 0 8px;font-size:11px;font-weight:500}dialog select{width:100%;border:1px solid #dce2d2;background:var(--white);padding:12px;border-radius:5px;color:var(--ink);font-size:12px}.dialog-note{margin:15px 0 22px;font-size:10px!important}dialog .button{width:100%;justify-content:space-between}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:50;background:#273a2c;border:1px solid #647651;color:#f2f5e9;box-shadow:0 5px 30px #172a2330;border-radius:7px;max-width:calc(100vw - 32px);width:max-content;padding:14px 20px;font-size:12px}.busy .button{pointer-events:none}.rig-reversed #rig-layout{transform:translate(800px,0) scale(-1,1)}.rig-reversed .component text{transform-box:fill-box;transform-origin:center;transform:scaleX(-1)}.verification-readout{display:flex;justify-content:space-between;margin:21px 0;background:#edf3e7;border:1px solid #dbe6d3;border-radius:6px;padding:17px}.verification-readout strong{display:block;font:500 27px var(--display);letter-spacing:-1px;color:#60834a}.verification-readout span{font-size:9px;color:#92a381}.verification-readout>div:last-child{text-align:right}
/* Keep supporting text readable against the warm paper and dark workbench. */
.hero p,.hero-aside p,.experiment-description,.page-heading p{color:#64715c}
.card-eyebrow,.workspace-heading .eyebrow,.metric-label,.metrics>div>span:last-child,.engine-note,.hypotheses-note,.hypothesis-status,.card-title>span,.activity-strip .eyebrow,.principle>span:first-child,footer,.page-heading .eyebrow,.evidence-entry p,.evidence-entry time,.evidence-entry ul,.attachment-list figcaption,.kit-intro p,.kit-intro .muted,.parts-list p,.kit-roadmap p,dialog p{color:#68765d}
.hypothesis.eliminated{opacity:1;color:#77816d}.hypothesis.eliminated .hypothesis-indicator{color:#77816d}.hypothesis.eliminated .hypothesis-status{color:#77816d}
.hypothesis-status,.hypothesis-name{line-height:1.5}.prediction-box>span,.prediction-row{color:#657456}.prediction-box.committed>span{color:#946239}.unclear-button{color:#67765b}
.button.primary{background:#c54b2c}.button.primary:hover:not(:disabled){background:#ac3e22}.stepper .current{color:#b44729}.stepper .current i{background:#c54b2c;border-color:#c54b2c}
.component-detail p,.component-note,.camera-view p{color:#a9bba1}.scene-title,.rig-feed{color:#a8baa1}
@keyframes flow{to{stroke-dashoffset:-40}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:1500px){.header,footer{max-width:1405px;margin-left:auto;margin-right:auto}.rig-scene #rig-svg{max-height:415px}}@media(max-width:1100px){.header-note{font-size:8px;letter-spacing:.6px}.version{display:none}nav{margin-left:0;gap:22px}.workspace{gap:16px;grid-template-columns:minmax(0,1.55fr) minmax(285px,1fr)}.experiment-card{padding:19px}.experiment-card h3{font-size:23px}.rig-toolbar{padding:13px}.rig-feed{font-size:7px;letter-spacing:.6px}.metrics>div{padding:0 13px}.metric-label{font-size:7px;letter-spacing:.6px}.metrics .metric-word{font-size:20px}.metrics>div>span:last-child{font-size:8px}.principle p{margin-right:50px}.kit-grid{gap:25px}.kit-intro{padding:25px}.kit-flow{font-size:8px;letter-spacing:0}.kit-flow>span{padding:0 3px}}
@media(max-width:850px){.header{height:76px;gap:16px}.header-note{display:none}nav{gap:24px}.hero{padding:38px 0}.hero h1{font-size:52px;letter-spacing:-2.6px}.hero-aside p{font-size:11px}.hero-aside .button{font-size:11px;gap:7px;padding:11px 13px}.workspace{grid-template-columns:1fr}.reasoning-column{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.experiment-card{min-height:366px}.hypotheses-card{padding:19px}.rig-scene #rig-svg{max-height:390px}.metrics>div{padding:0 22px}.metrics{padding:20px 0}.metrics strong{font-size:32px}.metric-label{font-size:8px;letter-spacing:1px}.metrics>div>span:last-child{font-size:10px}.metrics .metric-word{font-size:26px}.rig-feed{font-size:8px;letter-spacing:1px}.principle>span:first-child{max-width:125px;line-height:1.8}.principle p{font-size:24px;margin-right:20px}.principle-mark{font-size:50px}footer{flex-wrap:wrap;row-gap:13px}footer>span:last-child{width:100%;text-align:right}.kit-roadmap>div{gap:12px}.kit-roadmap article{padding:17px}.kit-grid{grid-template-columns:1fr}.kit-intro h2 br{display:none}.parts-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.parts-list>div:first-child{padding-top:19px}}
@media(max-width:550px){.header{margin:0 5%;height:73px;gap:16px}.brand{font-size:27px;gap:8px}.brand img{width:28px;height:28px}nav{gap:15px}.nav-link{font-size:10px}.nav-link span{display:none}main{padding:0 5%}.hero{padding:34px 0 29px;display:block}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}.hero h1{font-size:49px;letter-spacing:-2.9px;margin:19px 0 15px}.hero p{font-size:12px;line-height:1.7}.hero-aside{display:flex;align-items:center;justify-content:space-between;text-align:left;margin-top:24px;gap:10px}.hero-aside p{display:none}.mode-pill{font-size:9px;padding:7px 9px;gap:6px}.hero-aside .button{font-size:10px;padding:10px 11px;min-height:36px}.workspace-heading{align-items:flex-start;flex-direction:column;padding:20px 0;gap:17px}.workspace-heading h2{font-size:18px;gap:8px}.stepper{font-size:10px;gap:15px}.stepper i{width:19px;height:19px;font-size:9px}.workspace{gap:16px}.rig-toolbar{padding:12px;gap:5px}.segmented button{font-size:10px;padding:5px 9px;min-height:27px}.rig-feed{font-size:6px;letter-spacing:.7px;gap:5px}.scene-title{padding:17px 16px 0;font-size:7px;letter-spacing:.9px}#rig-svg{min-height:230px;width:calc(100% + 12px);margin-left:-6px}.scene-bottom{padding:5px 13px 16px;gap:7px}#flow-status{font-size:8px;gap:6px}.layout-control{font-size:6px;gap:5px;letter-spacing:.5px}.layout-control select{font-size:8px;padding:5px;max-width:106px}.component-detail{padding:15px 14px;gap:10px;min-height:77px}.component-detail strong{font-size:10px}.component-detail p{font-size:9px;line-height:1.6}.detail-arrow{font-size:17px}.metrics{margin-top:14px;padding:16px 0}.metrics>div{padding:0 11px}.metric-label{font-size:6px;letter-spacing:.7px}.metrics strong{font-size:26px;margin-top:10px}.metrics .metric-word{font-size:20px;min-height:26px;letter-spacing:-.9px}.metric-word span{font-size:14px}.metrics>div>span:last-child{font-size:7px;line-height:1.7}.reasoning-column{display:flex;gap:14px}.experiment-card{min-height:0;padding:22px}.experiment-card h3{font-size:27px;margin-top:20px}.hypotheses-card{padding:20px}.hypothesis-name{font-size:12px}.hypothesis{padding:12px 0}.hypothesis-status{font-size:9px}.activity-strip{gap:10px;align-items:flex-start;padding:23px 0}.activity-strip p{font-size:10px}.activity-strip .text-button{font-size:8px;gap:7px;margin-top:5px}.activity-icon{font-size:21px}.principle{padding:27px 0;flex-wrap:wrap;gap:18px}.principle>span:first-child{max-width:none;width:100%;font-size:7px}.principle p{margin:0;font-size:25px}.principle-mark{margin-left:auto;font-size:49px}footer{margin:0 5%;font-size:8px;gap:10px}.footer-brand{font-size:22px}footer>span:last-child{font-size:7px}.page-heading{padding:38px 0 25px;display:block}.page-heading h1{font-size:41px;letter-spacing:-2px}.page-heading p{font-size:12px}.page-heading>.button{margin-top:20px}.evidence-banner{padding:14px;align-items:flex-start}.evidence-banner>.orange-dot{margin-top:6px}.evidence-banner p{font-size:11px}.evidence-entry{padding:18px 13px;grid-template-columns:26px 1fr;gap:9px}.evidence-entry time{grid-column:2;grid-row:2;font-size:9px;padding-top:0}.evidence-entry h3{font-size:16px}.evidence-entry p{font-size:11px}.evidence-entry ul{font-size:10px}.event-number{font-size:12px}.event-type{font-size:7px}.attachment-list{grid-template-columns:1fr 1fr}.kit-emblem{display:none}.kit-grid{padding-top:0;gap:20px}.kit-intro{padding:24px}.kit-intro h2{font-size:30px}.kit-intro h2 br{display:initial}.parts-list{display:block}.parts-list strong{font-size:14px}.kit-roadmap>div{grid-template-columns:1fr}.kit-roadmap h2{font-size:21px}.camera-view{padding:25px 15px 16px;min-height:340px}.camera-view h3{font-size:21px}.camera-view p{font-size:10px}.camera-actions{gap:6px}.camera-actions .button{font-size:9px;padding:8px 10px}}
@media(max-width:550px){.component-label{font-size:16px;letter-spacing:.3px}.component-note{display:none}}
:root { --perception-line: #dcded6; }
.perception-panel { padding: 24px; text-align: left; background: #f7f7f1; color: #273f35; border-top: 1px solid var(--perception-line); }
.perception-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.perception-heading h3 { font-size: 26px; margin: 8px 0; }
.perception-panel p, .perception-panel li { font-size: 13px; line-height: 1.65; overflow-wrap: anywhere; color: #4b6257; }
.perception-panel .perception-note { color: #637269; font-size: 12px; }
.perception-controls { display: flex; align-items: end; flex-wrap: wrap; gap: 14px; margin: 18px 0; }
.perception-panel label { display: grid; gap: 6px; font-size: 12px; }
.perception-panel select { max-width: 100%; padding: 10px; border: 1px solid #b4bfb4; border-radius: 6px; background: white; color: #273f35; }
.upload-label { position: relative; overflow: hidden; cursor: pointer; }
.upload-label input { position: absolute; inset: 0; opacity: 0; width: 100%; cursor: pointer; }
.upload-label:focus-within { outline: 2px solid #d86034; outline-offset: 3px; }
#frame-preview { margin: 20px 0; }
.frame-stage { position: relative; line-height: 0; background: #19362c; }
.frame-stage img { display: block; width: 100%; height: auto; }
.frame-stage svg { position: absolute; inset: 0; width: 100%; height: 100%; }
#frame-caption { font-size: 11px; line-height: 1.5; padding: 8px 0; color: #637269; }
.sam-mask { fill: var(--region-color, #ffbc5b); fill-opacity: .35; stroke: none; }
.sam-box { fill: none; stroke: var(--region-color, #ffbc5b); stroke-width: 2; vector-effect: non-scaling-stroke; }
.sam-label { fill: var(--region-color, #ffbc5b); stroke: #13291e; stroke-width: 3px; paint-order: stroke; font: 14px sans-serif; }
.manual-region { fill: #ffffff10; stroke: white; stroke-width: 2; stroke-dasharray: 6 4; vector-effect: non-scaling-stroke; pointer-events: none; }
#frame-overlay { pointer-events: none; }
#frame-overlay.selecting-region { pointer-events: auto; cursor: crosshair; touch-action: none; }
.region-controls { margin: 18px 0; padding: 16px; border: 1px solid #cbd5c9; border-radius: 8px; display: grid; gap: 12px; }
.region-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.region-numbers { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin: 12px 0; }
.region-numbers input { width: 100%; min-width: 0; padding: 8px; border: 1px solid #b4bfb4; border-radius: 4px; }
.region-controls summary { cursor: pointer; font-size: 12px; }
.component-observation { border-top: 1px solid #cbd5c9; padding: 12px 0; }
.perception-panel .overlay-toggle { display: flex; align-items: center; gap: 8px; margin-top: 8px; }
.physical-claims { padding: 12px; background: #e9eee4; border-left: 3px solid #7c977a; }
.review-form fieldset { min-width: 0; border: 1px solid #cbd5c9; padding: 14px; display: grid; gap: 12px; border-radius: 6px; }
.review-form legend { font-weight: 600; font-size: 13px; padding: 0 5px; }
@media(max-width:600px) { .region-numbers { grid-template-columns: repeat(2,minmax(0,1fr)); } }
.camera-thumbnails button { border: 2px solid transparent; background: transparent; padding: 2px; border-radius: 6px; cursor: pointer; }
.camera-thumbnails button[aria-pressed="true"] { border-color: #d86034; }
.camera-thumbnails button img { display: block; }
.review-form { display: grid; gap: 14px; padding-top: 16px; border-top: 1px solid var(--perception-line); }
.review-form .button { justify-self: start; }
.review-saved { padding: 12px; background: #e5eee2; }
#perception-result h4 { font-size: 18px; line-height: 1.45; margin: 12px 0; }
.perception-panel .button { white-space: normal; }
@media(max-width: 600px) { .perception-panel { padding: 16px; } .perception-heading .text-button { font-size: 12px; } }

.muse-box { fill: none; stroke: var(--region-color, #44b7e3); stroke-width: 2; stroke-dasharray: 7 4; vector-effect: non-scaling-stroke; }
.unresolved-box { fill: none; stroke: #aaa; stroke-width: 2; stroke-dasharray: 3 3; vector-effect: non-scaling-stroke; }
#mark-instruction, .perception-panel .claim-conflict { padding: 12px; background: #fff0d2; border-left: 3px solid #bc781f; color: #664611; }
.frame-stage img { user-select: none; -webkit-user-drag: none; }

/* Keep names outside the image so multiple proposals cannot obscure equipment. */
.overlay-legend{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:12px;font-size:14px}
.overlay-legend span{display:inline-flex;align-items:center;gap:7px}
.overlay-legend span::before{content:"";width:14px;height:14px;background:var(--region-color);border:1px solid #53645d;border-radius:3px}
.overlay-legend p{flex-basis:100%;margin:0;color:var(--muted)}
.component-detail[hidden]{display:none}

.proposal-inspection{margin:12px 0}.proposal-inspection button{margin:4px 8px 4px 0}

/* Guided physical investigations and an explicit, persistent result. */
.solution-summary{margin:0 0 28px;padding:24px;background:#edf0e5;border:1px solid #ccd6bf;border-radius:10px;color:#32472e}
.solution-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.solution-summary h2{font-size:26px;line-height:1.25;margin:18px 0;letter-spacing:-.6px}.solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.solution-grid span{font-size:10px;letter-spacing:1px;color:#607151}.solution-grid p{font-size:14px;line-height:1.65;margin-top:8px}.solution-limit{font-size:11px;line-height:1.7;margin-top:18px;color:#5d6f54}
.evidence-form{display:grid;gap:10px;min-width:0}.evidence-form label{display:block;font-size:12px;line-height:1.6;margin:4px 0}.evidence-form input:not([type=checkbox]),.evidence-form textarea,.evidence-form select,#physical-test{display:block;width:100%;min-width:0;box-sizing:border-box;border:1px solid #bdcbb0;border-radius:5px;padding:11px;background:#fffef9;color:#293e2c;font:inherit}.evidence-form textarea{min-height:85px;resize:vertical}.evidence-form .check-label{display:flex;align-items:flex-start;gap:9px}.check-label input{width:17px;height:17px;flex-shrink:0;margin-top:2px;accent-color:#536d40}.evidence-form p{font-size:11px;line-height:1.6;color:#647459}.evidence-form fieldset,fieldset.evidence-form{border:1px solid #cbd3c1;padding:16px;margin-top:16px}.measurement-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}#physical-error{color:#9d3528;font-weight:600}#physical-test{margin-bottom:12px;font-size:12px}dialog{max-height:90dvh;overflow:auto}#experiment-actions .evidence-form .button{width:100%}#experiment-actions .evidence-form{margin-top:14px}.solution-summary [hidden],.evidence-form [hidden],fieldset[hidden]{display:none!important}
@media(max-width:650px){.solution-grid{grid-template-columns:1fr;gap:15px}.solution-summary{padding:18px}.solution-summary h2{font-size:23px}.solution-heading .tag{font-size:9px}.measurement-fields{grid-template-columns:1fr}}
/* Model proposals stay visually separate from reported physical evidence. */
.planner-panel { border: 1px solid var(--line, #d9dedb); border-radius: 12px; padding: 18px; width: 100%; min-width: 0; box-sizing: border-box; background: #f5f8f6; }
.planner-panel h4 { margin: 0 0 8px; font-size: 18px; }
.planner-panel p { font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.planner-panel fieldset { border: 0; padding: 0; margin: 16px 0; }
.planner-panel legend { font-size: 12px; font-weight: 600; margin-bottom: 8px; }
.planner-panel .check-label { display: flex; align-items: start; gap: 8px; font-size: 13px; margin: 8px 0; }
.planner-panel .button { width: 100%; white-space: normal; }
.planner-panel .planner-status { font-size: 11px; color: #4c6254; }
#planner-error { color: #8f351d; }