.dual-knee{color:#edf2ef;width:100%}.dual-knee-panels{background:#000;border-radius:22px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px 12px;display:grid;overflow:hidden}.dual-knee figure{min-width:0;margin:0}.dual-knee figcaption{color:#d6e9e3;padding:0 10px 15px;font-size:17px}.dual-knee figcaption span{color:#8d9c96;margin-top:3px;font-size:12px;display:block}.dual-knee figure>div{height:clamp(290px,49vh,540px);position:relative}.dual-knee img,.dual-knee canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.dual-knee canvas{background:#000}.dual-knee-controls{align-items:center;gap:10px;margin:16px 0;display:flex}.dual-knee-controls button{color:inherit;cursor:pointer;background:0 0;border:1px solid #3a5047;border-radius:30px;padding:10px 16px}.dual-knee-controls button:disabled{opacity:.4;cursor:default}.dual-knee-controls label{flex:1;min-width:40px}.dual-knee-controls input{accent-color:#91ded5;width:100%}.dual-knee-phase{color:#a3c9bd;min-width:60px;font-size:12px}.dual-knee button:focus-visible,.dual-knee input:focus-visible{outline-offset:3px;outline:2px solid #a2ece2}@media (width<=650px){.dual-knee-panels{grid-template-columns:1fr;gap:12px;padding:14px 4px}.dual-knee figure>div{height:320px}.dual-knee-controls{flex-wrap:wrap;gap:6px}.dual-knee-controls button{padding:9px 12px}.dual-knee figcaption{font-size:15px}.dual-knee-phase{min-width:55px}}