:root{color-scheme:light;--ink:#173e33;--paper:#f5f5e7;--line:#a8baa7;--green:#244f3d;--warm:#e9b75e}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.5 system-ui,sans-serif}main{max-width:1280px;padding:30px 28px;margin:auto}header{padding:0 0 24px}header>a{display:block;margin-bottom:24px}a{color:#1b5f54}h1{font-size:clamp(32px,5vw,54px);line-height:1.08;margin:12px 0 16px;letter-spacing:-1.5px}h2{line-height:1.15;margin:10px 0 14px}h3{font-size:17px;margin:0 0 16px}.lede{max-width:790px;font-size:18px}.badge{font-size:12px;font-weight:800;letter-spacing:1.5px}.workshop{background:#fffdf5;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 6px 0 #d9dfca}.toolbar{display:flex;gap:20px;align-items:end;padding:20px 22px;background:#e1ead7;flex-wrap:wrap}.toolbar label{min-width:180px}.experiment{display:grid;grid-template-columns:minmax(0,1fr) 290px}.rig-view{min-width:0;padding:22px}.rig-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.rig-heading span{font:700 12px/1.2 system-ui;color:#75511d;background:#f6e4bb;padding:7px 10px;border-radius:20px;text-transform:uppercase}canvas{display:block;width:100%;height:auto;aspect-ratio:2;border:1px solid #bdcdb5;border-radius:12px;background:#e9f0dc}.run-controls{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}button,select,input{font:inherit;color:inherit}button{cursor:pointer;background:#f5f1dd;border:1px solid #b9c4aa;border-radius:7px;padding:9px 13px;min-height:44px;font-weight:650}button:hover{background:#e7edd8}button:disabled{opacity:.5;cursor:default}#run{background:var(--green);color:white;min-width:83px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #bc681f;outline-offset:3px}label{display:block;font-size:14px;font-weight:650}input,select{display:block;width:100%;background:white;border:1px solid #9bad9c;border-radius:5px;padding:9px;min-height:44px;margin-top:5px}aside{border-left:1px solid #d3dccb;padding:24px 22px;background:#f5f6e9}#parameters{display:grid;gap:12px}label.check{display:flex;gap:10px;align-items:center}input[type=checkbox]{width:20px;min-height:20px;margin:0}details{margin-top:15px;border-top:1px solid #c5ceb9;padding-top:14px}summary{cursor:pointer;font-size:14px;font-weight:700}#worked{font-size:14px}.prediction{margin:23px 0 16px}.prediction button{font-size:13px;width:100%;margin-top:8px}.prediction p{font-size:13px;color:#4f6656}.measurements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metric{background:#f1f3e8;padding:10px;border-radius:7px}.metric b{display:block;font:700 20px/1.2 ui-monospace,monospace}.metric span{font-size:12px;color:#4b6454}#outcome{font-size:14px;min-height:42px}#inputError{color:#9b2e15;font-size:14px}.model-note{margin:0;border-top:1px solid #d3dccb;padding:16px 22px;color:#4e6555;font-size:13px}.campaign{padding-top:54px}.campaign>p{max-width:800px}.level-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.level-card{background:#fffdf5;border:1px solid #c3ceb7;border-radius:12px;padding:22px}.level-card h3{font-size:22px;margin:8px 0}.stage-no{font:700 32px ui-monospace,monospace;color:#7a965e}.status{font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.8px;padding:4px 8px;background:#e4ead8;border-radius:20px;float:right}.level-card dl{font-size:14px}.level-card dt{font-weight:750;margin-top:13px}.level-card dd{margin:3px 0 0;color:#405c4b}.principles{padding:45px 0 20px}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.principle-grid p{font-size:14px}footer{border-top:1px solid #bbc9b1;padding:20px 0;font-size:12px;color:#5e705d}@media(max-width:850px){.experiment{grid-template-columns:1fr}aside{border-left:0;border-top:1px solid #d3dccb}#parameters{grid-template-columns:repeat(2,minmax(0,1fr))}.prediction{max-width:500px}.level-grid{grid-template-columns:1fr}}@media(max-width:520px){main{padding:20px 14px}.rig-view{padding:16px 10px}.rig-heading{padding:0 5px}.rig-heading h2{font-size:20px}.toolbar{padding:16px;gap:12px}.toolbar label{flex:1;min-width:135px}.measurements{grid-template-columns:repeat(2,minmax(0,1fr))}.metric b{font-size:17px}#parameters{grid-template-columns:1fr}.principle-grid{grid-template-columns:1fr;gap:10px}.level-card{padding:18px}.level-card h3{font-size:21px}.status{max-width:70%}canvas{aspect-ratio:1.6}button{padding:9px 10px}.run-controls{gap:6px}}