.volume-wrap{width:640px;max-width:100%;margin:0 auto 18px;text-align:left;font-family:Arial,Helvetica,sans-serif;color:#1e3040}.volume-tool{border:1px solid #8caac2;background:#f8fbff;box-shadow:0 2px 7px rgba(0,0,0,.16)}.volume-head{padding:10px 12px;border-bottom:1px solid #9fb8ce;background:#dceef9;color:#153f5f;font-size:18px;font-weight:bold}.volume-subhead{padding:8px 12px;border-bottom:1px solid #c9dbea;background:#f0f8ff;font-size:13px;line-height:1.35}.volume-grid{display:grid;grid-template-columns:390px minmax(0,1fr);gap:10px;padding:10px}.volume-panel{border:1px solid #c4d6e5;background:#fff;padding:9px}#volumeCanvas{display:block;width:360px;height:330px;max-width:100%;margin:0 auto;border:1px solid #ccd8e4;background:#fff}.volume-controls label{display:block;margin:6px 0 2px;color:#244d6b;font-size:12px;font-weight:bold}.volume-controls input{box-sizing:border-box;width:100%;height:29px;padding:3px 5px;border:1px solid #9db0c3;font-size:14px}.volume-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.formula-box,.practice-box,.facts-box{margin-top:9px;padding:8px;border:1px solid #d1ddeb;background:#fbfdff;font-size:13px;line-height:1.35}.practice-box{border-color:#e2d493;background:#fffbe8}.facts-box{margin:0 10px 10px;font-size:12px}.volume-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.volume-actions button{min-height:30px;padding:5px 9px;border:1px solid #25658f;background:#1e82bc;color:#fff;font-weight:bold;cursor:pointer}.volume-actions button.secondary{background:#fff;color:#245c84}#volumeFeedback{min-height:34px;margin-top:7px;color:#244d6b;font-weight:bold}.volume-links,.volume-linkbox{text-align:center;margin:14px 0}.volume-linkbox textarea{max-width:94%}@media(max-width:680px){.volume-grid{grid-template-columns:1fr}}