.experiment-main{width:min(1120px,calc(100% - 40px));margin:20px auto 70px;line-height:1.7}.panel{background:white;border:1px solid var(--line);padding:clamp(20px,4vw,36px);border-radius:22px;margin-top:26px}.panel h2{font-size:1.65rem}.input-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}label{display:block;font-size:.92rem;font-weight:700}input[type=text],select{display:block;width:100%;max-width:440px;padding:12px;border:1px solid #aaa0b5;border-radius:9px;background:#fff;font:inherit;margin-top:8px;min-height:44px}input[aria-invalid=true]{border:2px solid #ad4826;background:#fff2e9}input[type=range]{display:block;width:min(440px,100%);accent-color:var(--purple);margin:10px 0}button{font:700 .92rem Arial,sans-serif;border:1px solid var(--purple);background:var(--purple);color:white;border-radius:10px;padding:12px 16px;cursor:pointer}button:disabled{opacity:.5;cursor:default}button[aria-pressed=true]{background:#305e4d;border-color:#305e4d}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d38857;outline-offset:3px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0}.hint{color:var(--muted);font-size:.88rem}.drawing{background:#faf9fc;border:1px solid #e1dbe8;border-radius:14px;margin:20px 0;overflow:hidden}.drawing>p{padding:20px}.drawing svg{display:block;width:100%;height:auto}.drawing svg text{font:15px Arial,sans-serif;fill:#343148}.drawing svg .small{font-size:12px}.drawing svg .vector-label{font-weight:700;font-size:17px}.draggable{cursor:grab;touch-action:none}.draggable:active{cursor:grabbing}.draggable:focus{outline:none}.draggable:focus .hit{stroke:#db9b4b;stroke-opacity:.3}.good,.warning,.notice{padding:18px;border-radius:12px;background:#fff0d4;margin:18px 0}.good{background:#e3f3e8}.notice{background:#eee8f7}details{padding:16px 19px;background:#f5f1f9;border-radius:12px;margin:18px 0}summary{font-weight:700;cursor:pointer}details>p,details>ol{margin-top:15px}li{margin:8px 0}.readings{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.readings div{padding:12px;background:#f4f1f8;border-radius:10px}.readings strong{display:block}.panel table{border-collapse:collapse;width:100%;font-size:.9rem}.panel td,.panel th{text-align:left;padding:9px;border-bottom:1px solid var(--line)}@media(max-width:700px){.input-grid{grid-template-columns:1fr 1fr}.readings{grid-template-columns:1fr}.drawing svg text{font-size:16px}}@media(max-width:460px){.input-grid{grid-template-columns:1fr}.experiment-main{width:calc(100% - 24px)}}