main{grid-template-columns:270px minmax(480px,1fr) 330px}.equipment-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.equipment-grid button{padding:5px;font-size:10px;line-height:1.3;min-height:110px}.equipment-grid svg{height:80px;width:100%;display:block}.reagent-shelf{display:grid;gap:6px}.reagent-shelf button{text-align:left;font-size:11px;padding:8px 10px}.reagent-shelf button.reference{background:#f1f1ed;color:#697371}.reagent-shelf small{display:block;color:#7c8b8d;margin-top:4px}.bench-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.eyebrow{font-size:10px;letter-spacing:.08em;color:#69828a}.bench{min-height:380px;padding:30px 12px 34px;border-radius:12px;background:linear-gradient(#dfe9e7 0 66%,#bac9c3 66% 68%,#e1e1d3 68% 94%,#8e9e96 94%);display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));align-content:end;gap:22px 9px;border:1px solid #aabdb7;box-shadow:inset 0 2px 10px #657e7b22}.bench.empty{display:grid;place-items:center;align-content:center;color:#55766c}.bench-item{border:1px solid transparent;border-radius:9px;padding:6px 5px;background:#ffffff69;cursor:grab;min-width:0}.bench-item[aria-pressed=true]{border:2px solid #0a817a;background:#fff9;box-shadow:0 0 0 2px #5ba98c22}.bench-item svg{height:190px;width:100%;display:block}.bench-item strong{display:block;text-align:center;font-size:10px;line-height:1.4;color:#274f58}.bench-item span{display:block;text-align:center;font-size:9px;color:#5d767b;margin-top:4px}.table-wrap{overflow:auto}.table-wrap table{min-width:480px}.training-note,#selection{font-size:11px;color:#607984;line-height:1.6}.source-list{font-size:11px}.source-list a{display:block;margin:7px 0}.controls fieldset{border:1px solid #d2e0e1;border-radius:8px;margin:12px 0;padding:10px}.controls button{margin:4px 0;font-size:11px}.switch{display:flex;align-items:center;gap:8px}.switch input{width:18px;height:18px;margin:0}.bench-link{display:block;margin:20px 0;font-size:12px}.sieving .tap-arm{animation:tap .35s ease-in-out infinite alternate;transform-origin:36px 44px}@keyframes tap{to{transform:rotate(-5deg)}}.cards{grid-template-columns:repeat(3,1fr)}#journal{font-size:11px;line-height:1.7;max-height:250px;overflow:auto;padding-left:18px}@media(max-width:1200px){body{height:auto;overflow:auto}main{grid-template-columns:230px minmax(0,1fr)}main>.controls{grid-column:1/-1}aside,section{max-height:none}main>section{overflow:hidden}}@media(max-width:760px){main{display:block}.bench{grid-template-columns:repeat(2,minmax(0,1fr))}.bench-item svg{height:165px}.equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cards{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.tap-arm{animation:none!important}}
.practical{border:1px solid #bfd7d3;border-radius:9px;margin:10px 0;background:#f8fcfb;overflow:hidden}.practical>summary{padding:15px 12px;cursor:pointer;font-weight:700;color:#205a5a}.practical[open]{padding:0 12px 12px}.practical[open]>summary{margin:0 -12px 12px;background:#e4f1ed}.practical p{font-size:11px;line-height:1.6}.practical svg{width:100%;height:auto}.tray{padding:10px 0;border-bottom:1px solid #ccdeda;font-size:11px}.tray label{margin-top:7px}.funnel-receiver{margin-top:-45px;position:relative}.funnel-receiver svg{height:120px}.funnel-receiver small{display:block}#settle-cylinder svg{height:210px}#settle-clock{display:block;padding:12px;font:700 22px monospace;background:#e1efeb;border-radius:6px}.practical table{font-size:10px;width:100%}.practical th,.practical td{padding:5px}
.bench-workspace{position:relative;isolation:isolate}.settle-stage{position:absolute;top:22px;left:50%;transform:translateX(-50%);width:min(360px,calc(100% - 24px));text-align:center;color:#254b57;pointer-events:none}.settle-stage>strong{font-size:12px}.settle-stage #settle-cylinder svg{display:block;width:100%;height:240px;filter:drop-shadow(0 4px 3px #244a5d22)}.settle-stage>small{font-size:9px;color:#4a6570}.settle-legend{display:grid;grid-template-columns:1fr 1fr;gap:5px 9px;text-align:left;padding:8px;background:#ffffffdc;border:1px solid #91aaa9;border-radius:6px;font-size:10px}.settle-legend span{display:flex;align-items:center;gap:6px}.settle-legend i{display:inline-block;width:15px;height:12px;border:1px solid #345565;border-radius:2px;flex-shrink:0}.has-settling .bench{min-height:650px;padding-top:390px;padding-bottom:112px}.settle-timer{position:absolute;bottom:15px;right:15px;max-width:calc(100% - 30px);border:2px solid #476b73;border-radius:12px;padding:10px 16px;background:#e1e9e7;box-shadow:0 4px 8px #243f4e33;color:#25444d}.settle-timer>span{display:block;font-size:9px;letter-spacing:.07em}.settle-timer #settle-clock{margin-top:6px;padding:8px 10px;background:#173e40;color:#8df0ba;font:700 19px monospace;white-space:nowrap}.settle-stage[hidden],.settle-timer[hidden]{display:none}@media(max-width:760px){.settle-timer{bottom:12px;right:10px}.settle-timer #settle-clock{font-size:16px}}
.settle-stage .settling-vessel{pointer-events:auto;cursor:pointer;width:100%;background:transparent}.settle-stage .settling-vessel[aria-pressed=true]{background:#ffffff55}.settle-stage .settling-vessel>strong{font-size:11px}.settle-stage .settling-vessel>span{font-size:10px}
.fluid-circulation{transform-box:fill-box;transform-origin:center;animation:fluid-circulation var(--stir-duration,.4s) ease-in-out infinite alternate}.fluid-particle{transform-box:fill-box;animation:fluid-suspension var(--stir-duration,.4s) ease-in-out infinite alternate}@keyframes fluid-circulation{from{transform:translate(-3px,-2px) skewY(-5deg)}to{transform:translate(3px,2px) skewY(5deg)}}@keyframes fluid-suspension{from{transform:translate(-2px,5px);opacity:.6}to{transform:translate(2px,-5px);opacity:1}}@media(prefers-reduced-motion:reduce){.fluid-circulation,.fluid-particle{animation:none}}
.bench-workspace .settle-timer{top:20px;bottom:auto;right:max(12px,calc(50% - 325px));padding:8px 10px;z-index:3}.bench-workspace .settle-timer>span{font-size:8px}.bench-workspace .settle-timer #settle-clock{font-size:15px;padding:6px 8px}.has-settling .bench{padding-bottom:34px}@media(max-width:1000px){.bench-workspace.has-settling .settle-stage{top:95px}.bench-workspace .settle-timer{top:12px;right:12px}.has-settling .bench{padding-top:465px;min-height:700px}}