.valve-study{margin:24px 0 30px;border:1px solid #d1dfeb;border-radius:12px;background:#fff;color:#24445d;overflow:hidden}
.valve-study[hidden]{display:none!important}.valve-study-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;border-bottom:1px solid #dce6ee}.valve-study-head h2{font-size:22px;line-height:1.4;margin:0 0 5px;color:#203f59}.valve-study-head p{font-size:12px;color:#667e92;margin:0;line-height:1.8}.valve-study-head>button{font-size:12px;border:1px solid #c4d6e4;border-radius:5px;padding:8px 12px;white-space:nowrap;color:#2e658e;background:#f6f9fc}
.valve-study-workbench{display:grid;grid-template-columns:minmax(0,1fr) 260px}.valve-study-chart-panel{padding:20px 24px 22px;min-width:0}.valve-chart-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;margin-bottom:14px}.valve-chart-legend{display:flex;gap:16px;font-size:12px;color:#59758b}.valve-chart-legend>span{display:flex;gap:6px;align-items:center}.valve-chart-legend>span:before{content:'';display:block;width:20px;height:3px;border-radius:2px;background:#2f78ad}.valve-chart-legend .valve-legend-outlet:before{background:#b47844}.valve-chart-scroll{overflow-x:auto;overscroll-behavior-x:contain}.valve-chart-scroll svg{display:block;width:100%;min-width:550px;height:auto;cursor:crosshair;touch-action:pan-y}.valve-chart-scroll svg text{font-size:13px;font-family:inherit;fill:#607d94}.valve-chart-scroll .valve-chart-stage{font-size:14px;fill:#3e617d}.valve-chart-grid{stroke:#cddbe5;stroke-width:1}.valve-curve{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.valve-curve-inlet{stroke:#2f78ad}.valve-curve-outlet{stroke:#b47844;stroke-dasharray:8 4}.valve-chart-cursor{stroke:#344c60;stroke-width:1.5;stroke-dasharray:3 4}.valve-chart-dot{stroke:#fff;stroke-width:2}.valve-chart-dot.valve-inlet{fill:#2f78ad}.valve-chart-dot.valve-outlet{fill:#b47844}.valve-chart-scroll .valve-chart-angle{font-size:13px;font-weight:650;fill:#244b68}.valve-chart-scope{font-size:11px;color:#6e8597;line-height:1.7;margin:9px 0 15px}.valve-scrub{display:flex;gap:16px;align-items:center}.valve-scrub>label{display:block;flex:1;min-width:80px;font-size:12px;color:#42657e}.valve-scrub output{float:right;font-size:13px;color:#2e648e;font-variant-numeric:tabular-nums;font-weight:650}.valve-scrub input{display:block;width:100%;margin:10px 0 0;accent-color:#2f78ad;cursor:pointer}.valve-scrub>div{display:flex;gap:6px;padding-top:16px}.valve-scrub button{padding:8px 10px;font-size:11px;border:1px solid #c8d8e5;background:#f8fafc;border-radius:5px;white-space:nowrap}.valve-scrub [data-valve-play]{background:#2d6c9b;border-color:#2d6c9b;color:#fff;min-width:80px}.valve-cycle-presets{display:flex;gap:6px;flex-wrap:wrap;margin-top:17px}.valve-cycle-presets button{display:flex;align-items:center;gap:8px;border:1px solid #d6e2eb;border-radius:5px;padding:7px 10px;background:#fff;color:#47677e;font-size:11px}.valve-cycle-presets button span{font-variant-numeric:tabular-nums;color:#7b93a5}.valve-cycle-presets button[aria-pressed=true]{border-color:#71a0c1;background:#ecf4fa;color:#285c82}
.valve-live-state{background:#f3f7fa;border-left:1px solid #dce6ee;padding:22px 20px}.valve-lift-readouts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.valve-lift-readouts span,.valve-lift-readouts small{display:block;font-size:10px;line-height:1.6;color:#658097}.valve-lift-readouts strong{font-size:28px;line-height:1.7;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.4px}.valve-inlet-readout strong{color:#2e74a7}.valve-outlet-readout strong{color:#a96935}.valve-rotation{display:block;width:100%;height:auto;margin-top:9px}.valve-rotation circle{fill:#fff;stroke:#afc6d8;stroke-width:1.4}.valve-rotation path{fill:none;stroke:#376b92;stroke-width:3;stroke-linecap:round}.valve-rotation .valve-rotation-center{fill:#376b92;stroke:#fff;stroke-width:1}.valve-rotation text{font-size:10px;font-family:inherit;fill:#56748a}.valve-rotation .valve-ratio-label{font-size:14px;fill:#2f5b7b;font-weight:650}.valve-stage-readout{display:block;font-size:15px;color:#2e5470;margin-top:4px}.valve-live-state>[data-valve-state]{font-size:12px;font-weight:600;color:#4c6c84;margin:8px 0}.valve-state-explanation{font-size:11px;color:#6a8397;line-height:1.8;margin:0}
.valve-contact-section{padding:21px 26px 24px;border-top:1px solid #dce6ee}.valve-contact-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.valve-contact-heading h3{font-size:17px;margin:0;color:#2d516c}.valve-contact-heading button{border:1px solid #b9cfe0;padding:7px 11px;border-radius:5px;font-size:12px;color:#2f648b;background:#f5f9fc}.valve-contact-heading button[aria-pressed=true]{background:#2d6c9b;color:white;border-color:#2d6c9b}.valve-motion-chain{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.valve-motion-chain button{min-width:0;text-align:left;font-size:12px;border:1px solid #d7e3ed;padding:10px 12px;border-radius:6px;color:#426681;background:#fff;line-height:1.6}.valve-motion-chain button>span{display:block;font-size:10px;color:#8ca2b3;line-height:1.6;margin-bottom:2px}.valve-motion-chain button[aria-pressed=true]{border-color:#78a4c5;background:#eaf3fa;color:#275b82}.valve-motion-chain button[aria-pressed=true]>span{color:#5a87a9}
.valve-component-detail{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,2fr);gap:13px 30px;padding:18px 0 17px}.valve-component-detail h4{font-size:16px;margin:0 0 5px;color:#2d5676}.valve-component-detail>div>p{font-size:12px;line-height:1.8;margin:0;color:#5b788f}.valve-component-detail button{font-size:12px;text-align:left;padding:10px 0 0;color:#2b70a3;text-decoration:underline;text-underline-offset:3px}.valve-component-detail dl{display:grid;gap:9px;margin:0}.valve-component-detail dl>div{display:grid;grid-template-columns:110px 1fr;gap:12px;font-size:12px;line-height:1.8}.valve-component-detail dt{color:#7290a5}.valve-component-detail dd{margin:0;color:#496a82}.valve-component-limit{grid-column:1/-1;font-size:11px;line-height:1.8;color:#7c91a2;margin:0;padding-left:10px;border-left:2px solid #c5d6e3}.valve-contact-phases{border-top:1px solid #e1eaf1;padding-top:16px}.valve-contact-phases>span{display:block;font-size:12px;color:#5f7c92;margin-bottom:9px}.valve-contact-phases>div{display:flex;gap:7px;flex-wrap:wrap}.valve-contact-phases button{padding:6px 11px;border:1px solid #d1e0eb;border-radius:5px;font-size:11px;color:#4f7390}.valve-contact-phases button[aria-pressed=true]{background:#e8f2f9;color:#2a628c;border-color:#7ca7c8}.valve-contact-phases p{font-size:12px;line-height:1.9;margin:11px 0 0;color:#617e94}
.valve-study-reference{border-top:1px solid #dce6ee;background:#f9fbfc;padding:16px 26px;color:#59788f;font-size:12px}.valve-study-reference summary{cursor:pointer;font-weight:600;color:#3c6583}.valve-study-reference [data-valve-reference]{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;padding-top:16px}.valve-study-reference figure{margin:0}.valve-study-reference img{display:block;width:100%;max-height:285px;object-fit:contain;background:#edf2f6;border:1px solid #d8e4ed;border-radius:5px}.valve-study-reference figcaption{font-size:10px;line-height:1.8;margin-top:9px}.valve-study-reference figcaption strong{font-size:12px;color:#436681}.valve-study-reference figcaption p{margin:5px 0}.valve-source-notes{font-size:11px;line-height:1.9}.valve-source-notes p:first-child{margin-top:0}.valve-source-notes ul{padding-left:18px}.valve-study-reference a{color:#296a9a;text-decoration:underline;text-underline-offset:3px}.valve-study-status{font-size:11px;color:#567b97;padding:0 26px;margin:0;line-height:2;min-height:0}.valve-study-status:not(:empty){padding-block:8px;border-top:1px solid #e4edf3}.valve-study button:focus-visible,.valve-study input:focus-visible{outline:3px solid #82b3d7;outline-offset:3px}
@media(max-width:1000px){.valve-study-workbench{grid-template-columns:minmax(0,1fr) 224px}.valve-study-chart-panel{padding:18px}.valve-live-state{padding:20px 16px}.valve-motion-chain{grid-template-columns:repeat(3,minmax(0,1fr))}.valve-scrub{flex-wrap:wrap;gap:10px}.valve-scrub>label{flex-basis:100%}.valve-scrub>div{padding-top:0}.valve-component-detail{gap:16px}}
@media(max-width:750px){.valve-study-head{padding:18px;align-items:flex-start}.valve-study-head h2{font-size:19px}.valve-study-head p{font-size:11px}.valve-study-head>button{font-size:11px;padding:7px 9px}.valve-study-workbench{grid-template-columns:1fr}.valve-study-chart-panel{padding:17px 15px}.valve-live-state{border-left:0;border-top:1px solid #dce6ee;display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;padding:18px}.valve-lift-readouts{gap:15px}.valve-lift-readouts strong{font-size:25px}.valve-rotation{margin:0;max-width:210px;justify-self:end}.valve-stage-readout{grid-column:1/-1;margin:0}.valve-live-state>[data-valve-state],.valve-state-explanation{grid-column:1/-1;margin:0}.valve-contact-section{padding:18px}.valve-component-detail{grid-template-columns:1fr;gap:14px}.valve-component-detail dl>div{grid-template-columns:105px 1fr}.valve-study-reference{padding:15px 18px}.valve-study-reference [data-valve-reference]{grid-template-columns:1fr;gap:15px}.valve-study-status{padding-inline:18px}}
@media(max-width:450px){.valve-study-head{flex-wrap:wrap;gap:10px}.valve-study-head h2{font-size:18px}.valve-chart-heading{font-size:12px;gap:10px;flex-wrap:wrap}.valve-chart-legend{font-size:11px;gap:12px}.valve-cycle-presets{gap:6px}.valve-cycle-presets button{padding:7px 9px;font-size:11px}.valve-motion-chain button{font-size:11px;padding:9px}.valve-motion-chain{gap:6px}.valve-live-state{gap:8px 12px}.valve-lift-readouts strong{font-size:23px}.valve-lift-readouts span,.valve-lift-readouts small{font-size:9px}.valve-contact-heading h3{font-size:15px}.valve-component-detail dl>div{grid-template-columns:1fr;gap:2px}.valve-contact-phases button{padding:6px 9px}}
.valve-component-actions{display:flex;flex-wrap:wrap;gap:0 16px}