.water-hammer-study{color:#dee4dc;background:radial-gradient(at 15% 5%,#263b46,#172b37 58%,#13242e);padding:26px 28px 22px;font-size:16px;line-height:1.6;overflow:hidden}.water-hammer-study[data-watch=true]{flex-direction:column;min-height:680px;display:flex}.water-hammer-study[data-watch=true] .water-hammer-method{margin-top:auto;padding-top:8px}.water-hammer-study[data-watch=true] .water-hammer-clock,.water-hammer-study[data-watch=true]:not([data-chapter="5"]) .water-hammer-history,.water-hammer-study[data-watch=true]:not([data-chapter="5"]) .water-hammer-pair-key,.water-hammer-study[data-watch=true]:is([data-view=closure],[data-view=material],[data-view=limit]) .water-hammer-reading{display:none}.water-hammer-study[data-watch=true] .water-hammer-reading{min-height:0;padding-block:12px 8px}.water-hammer-heading{color:#bdcbc8;justify-content:space-between;align-items:baseline;gap:20px;font-size:16px;display:flex}.water-hammer-heading b{font-variant-numeric:tabular-nums;color:#e4d2aa;font-weight:500}.water-hammer-reading{justify-content:space-between;gap:24px;min-height:125px;padding:25px 10px 5px;display:flex}.water-hammer-reading>div{gap:3px;display:grid}.water-hammer-reading>div:last-child{text-align:right;align-content:center}.water-hammer-reading span{color:#adbfbd;font-size:16px}.water-hammer-reading strong{letter-spacing:-.03em;color:#e6c28e;font-variant-numeric:tabular-nums;font-size:43px;font-weight:450;line-height:1.15}.water-hammer-reading strong small{letter-spacing:0;font-size:18px;font-weight:400}.water-hammer-reading b{font-variant-numeric:tabular-nums;font-size:25px;font-weight:450}.water-hammer-bench,.water-hammer-elastic,.water-hammer-comparison,.water-hammer-history{width:100%;min-width:0}.water-hammer-study svg{width:100%;height:auto;display:block;overflow:visible}.water-hammer-study svg text{fill:#d7e0d8;font-family:inherit;font-size:16px}.water-hammer-scale{color:#b8c9c5;flex-wrap:wrap;justify-content:center;gap:24px;font-size:16px;display:flex}.water-hammer-scale>span{align-items:center;gap:8px;display:flex}.water-hammer-scale i{border-radius:5px;width:16px;height:5px;display:inline-block}.water-hammer-observation{text-align:center;color:#e1d5b8;justify-content:center;align-items:center;min-height:64px;margin:14px 0 8px;padding:5px 10px;font-size:18px;display:flex}.water-hammer-history{padding:10px 0 0}.water-hammer-history>div{color:#b9cac6;justify-content:space-between;gap:14px;font-size:16px;display:flex}.water-hammer-pair-labels{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding:20px 16px;display:grid}.water-hammer-pair-labels>div{gap:4px;display:grid}.water-hammer-pair-labels>div:last-child{text-align:right}.water-hammer-pair-labels b{color:#dfbe88;font-size:20px;font-weight:500}.water-hammer-pair-labels span{color:#bccac4;font-variant-numeric:tabular-nums;font-size:16px}.water-hammer-pair-key{flex-wrap:wrap;justify-content:center;gap:12px 26px;font-size:16px;display:flex}.water-hammer-pair-key span:first-child{color:#b8bec5}.water-hammer-pair-key span:last-child{color:#e1b176}.water-hammer-clock{border-top:1px solid #758d8b44;justify-content:space-between;gap:18px;margin-top:23px;padding:21px 10px 17px;display:flex}.water-hammer-clock span{color:#aebfba;gap:3px;display:grid}.water-hammer-clock span:last-child{text-align:right}.water-hammer-clock b{color:#d8dece;font-variant-numeric:tabular-nums;font-size:18px;font-weight:400}.water-hammer-local-title{color:#c2cabe;justify-content:space-between;gap:16px;padding:24px 12px 0;display:flex}.water-hammer-energy{padding:14px 18px}.water-hammer-energy>div{background:#233d48;border-radius:8px;height:12px;display:flex;overflow:hidden}.water-hammer-energy i{background:#8bb3bb;height:100%}.water-hammer-energy i:nth-child(2){background:#d4a26a}.water-hammer-energy i:nth-child(3){background:#dccc99}.water-hammer-energy p{flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin:15px 0;font-size:16px;display:flex}.water-hammer-orientation{color:#abbfbb;text-align:center;margin:15px 8px 0;font-size:16px}.water-hammer-failure{color:#e0d2ac;background:#b09b5712;border:1px solid #cfb67877;border-radius:15px;gap:7px;margin:14px 6px;padding:16px 20px;display:grid}.water-hammer-failure b{font-weight:500}.water-hammer-failure p{margin:4px 0;font-size:16px}.water-hammer-explore{border-top:1px solid #758d8b44;padding:18px 10px 24px}.water-hammer-explore>p{color:#c0ccc1;margin:0 0 26px;font-size:16px}.water-hammer-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 32px;display:grid}.water-hammer-controls .control{min-width:0}.water-hammer-controls .control-top,.water-hammer-controls .control,.water-hammer-controls output{color:#d1dace;font-size:16px}.water-hammer-controls input{min-height:44px}.water-hammer-probe{color:#d9c694;flex-wrap:wrap;gap:16px 24px;margin:25px 0;font-size:16px;display:flex}.water-hammer-study button{min-width:44px;min-height:44px;font:inherit;color:#e4ddc1;cursor:pointer;background:#647e6d33;border:1px solid #9caaa077;border-radius:22px;padding:9px 20px;transition:background .2s}.water-hammer-study button:hover{background:#7e96764d}.water-hammer-study button:focus-visible,.water-hammer-study summary:focus-visible{outline-offset:4px;outline:3px solid #dab674}.water-hammer-method{color:#bfcbbf;margin:0 10px;font-size:16px}.water-hammer-method summary{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:flex}.water-hammer-method summary:before{content:"＋"}.water-hammer-method[open] summary:before{content:"−"}.water-hammer-method p{margin:16px 0;font-size:16px;line-height:1.8}.water-hammer-equation{color:#e1cea5;overflow-wrap:anywhere;font-family:Georgia,serif}.water-hammer-method a{color:#d5c497;text-underline-offset:4px}@media (max-width:620px){.water-hammer-study[data-watch=true]{min-height:608px;padding:12px 8px}.water-hammer-study[data-watch=true][data-view=closure] .water-hammer-reading,.water-hammer-study[data-watch=true][data-view=elastic] .water-hammer-reading>div:last-child{display:none}.water-hammer-study[data-watch=true][data-view=elastic] .water-hammer-reading>div:first-child{max-width:none}.water-hammer-study{padding:20px 8px 16px}.water-hammer-heading{flex-direction:column;gap:6px;padding:0 8px}.water-hammer-reading{gap:12px;padding:24px 8px 5px}.water-hammer-reading strong{font-size:32px}.water-hammer-reading strong small{font-size:16px}.water-hammer-reading b{font-size:22px}.water-hammer-reading>div:first-child{max-width:62%}.water-hammer-scale{gap:10px 18px;padding:0 7px}.water-hammer-observation{min-height:72px;font-size:17px}.water-hammer-history>div{flex-direction:column;gap:3px;padding:0 8px}.water-hammer-pair-labels{gap:16px;padding:17px 10px}.water-hammer-pair-labels>div,.water-hammer-pair-labels>div:last-child{text-align:center}.water-hammer-pair-labels b{font-size:18px}.water-hammer-controls{grid-template-columns:1fr}.water-hammer-clock{gap:12px;padding:18px 8px}.water-hammer-clock b{font-size:16px}.water-hammer-energy{padding:15px 8px}.water-hammer-energy p{grid-template-columns:1fr;gap:7px;display:grid}.water-hammer-local-title{padding:22px 8px 0}.water-hammer-failure{padding:15px 12px}.water-hammer-explore{padding:17px 8px}.water-hammer-explore button{width:100%}}@media (prefers-reduced-motion:reduce){.water-hammer-study button{transition:none}}@media (max-width:620px){.water-hammer-study[data-watch=true] .water-hammer-heading>span:first-child{display:none}.water-hammer-study[data-watch=true] .water-hammer-reading{min-height:0;padding:8px 8px 5px}.water-hammer-study[data-watch=true] .water-hammer-reading>div:last-child>span:first-child,.water-hammer-study[data-watch=true] .water-hammer-clock,.water-hammer-study[data-watch=true]:not([data-chapter="5"]) .water-hammer-history,.water-hammer-study[data-watch=true]:not([data-chapter="5"]) .water-hammer-pair-key,.water-hammer-study[data-watch=true] .water-hammer-scale>span:nth-child(2){display:none}.water-hammer-study[data-watch=true] .water-hammer-pair-labels{gap:12px;padding:14px 8px 8px}.water-hammer-study[data-watch=true] .water-hammer-method{margin-top:auto;padding-top:8px}.water-hammer-study[data-watch=true] .water-hammer-local-title{padding-top:4px}.water-hammer-study[data-watch=true] .water-hammer-reading strong{font-size:26px}.water-hammer-study[data-watch=true] .water-hammer-energy{padding:8px}.water-hammer-study[data-watch=true] .water-hammer-energy p{gap:3px;margin-block:8px}.water-hammer-study[data-watch=true] .water-hammer-orientation{margin:6px 0}.water-hammer-study[data-watch=true] .water-hammer-failure{gap:3px;margin:8px 0;padding:8px 10px}.water-hammer-study[data-watch=true] .water-hammer-failure p{display:none}.water-hammer-study[data-watch=true] .water-hammer-history>div{gap:0}.water-hammer-study[data-watch=true] .water-hammer-pair-key{gap:0 12px}}