.hw [hidden]{display:none!important}.br .hw-cover{position:relative;overflow:hidden}.br .hw-cover h1{font-size:clamp(46px,6vw,84px)}.br .hw-cover .br-lead{max-width:840px}.br .hw-cover-index{display:flex;flex-wrap:wrap;gap:14px 34px;border-top:1px solid #efc78055;padding-top:20px;margin-top:28px;font:700 11px/1.4 ui-monospace,monospace;color:#efc780}
#hydronics-workbench{padding:0;background:#f8efdc;overflow:hidden;scroll-margin-top:105px}
.hw .hw-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 32px;background:#e7e8d5;border-bottom:1px solid #153e3540}.hw .hw-toolbar .br-kicker{margin-bottom:9px}.hw .hw-modes{display:flex;gap:0}.hw .hw-modes button{padding:11px 18px;min-width:145px;text-align:left}.hw .hw-modes button span{display:block;font:12px/1.4 Arial,sans-serif;opacity:.85;margin-top:3px}.hw .hw-view-note{font:14px/1.5 Arial,sans-serif;max-width:260px;margin:0}
#hydronics-workbench button{white-space:normal;height:auto;min-width:0;text-transform:none;letter-spacing:0}#hydronics-workbench :is(select,input,button):focus-visible{outline:3px solid #bd5626;outline-offset:4px}#hydronics-workbench button[aria-pressed=true]{background:#153e35;color:#fff4df;box-shadow:inset 0 -4px #d39948}
.hw .hw-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #153e35}.hw .hw-tools button{display:flex;align-items:center;gap:16px;font:700 23px/1.2 var(--mmos-font-display,Oswald,sans-serif);padding:22px;border:0;border-right:1px solid #153e3555;text-align:left;background:#f8efdc}.hw .hw-tools button:last-child{border-right:0}.hw .hw-tools button>span{font:12px ui-monospace,monospace;opacity:.65}
.hw .hw-tool-panel{padding:34px 32px 0}.hw .hw-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.hw .hw-heading h2{font-size:clamp(34px,3.5vw,51px);margin:0}.hw .hw-heading .br-kicker{margin-bottom:12px}.hw .hw-reset{background:transparent;border:0;border-bottom:1px solid #8a9980;box-shadow:none;padding:8px 0!important;min-height:40px;font:12px/1.4 ui-monospace,monospace;flex:none}
.hw .hw-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start}.hw .hw-inputs{padding:10px 0}.hw .hw-inputs p{font-size:16px;line-height:1.6}.hw .hw-example{border-left:3px solid #b74d21;padding:10px 14px;background:#ebe6d2;font:700 11px/1.6 ui-monospace,monospace!important;margin:22px 0}.hw .hw-inputs form{margin:0}.hw label{display:block;color:#153e35;font:700 14px/1.45 Arial,sans-serif;letter-spacing:0;text-transform:none}.hw label>span{display:block;font:12px/1.4 Arial,sans-serif;color:#4b6252;font-weight:400;margin:3px 0 6px}.hw label>span[data-product-label]{font:700 14px/1.45 Arial,sans-serif;color:#153e35;margin:0}.hw label>output{display:block;font:700 30px/1.4 var(--mmos-font-display,Oswald,sans-serif);color:#a3411b;margin-top:10px}
.hw .hw-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.hw .hw-wide{grid-column:1/-1}.hw .hw-fields :is(input,select){display:block;box-sizing:border-box;width:100%;min-width:0;border:1px solid #61785f;background:#fffaf0;border-radius:0;color:#153e35;box-shadow:inset 0 2px #153e3510;font:18px/1.4 Arial,sans-serif;min-height:52px;padding:12px;margin-top:7px}.hw .hw-fields select{font-size:15px;padding-right:28px}.hw .hw-fields input::placeholder{font-size:14px;color:#667461}.hw .hw-fields input[aria-invalid=true]{border:2px solid #a33020;background:#fff4e5}
.hw input[type=range]{display:block;appearance:auto;accent-color:#b74d21;width:100%;height:36px;margin:12px 0 0;padding:0;cursor:pointer}.hw .hw-range-ends{display:flex;justify-content:space-between;font:11px/1.5 ui-monospace,monospace}.hw .hw-hint{font:12px/1.6 Arial,sans-serif!important;color:#4b6252;margin:20px 0 0}.hw .hw-custom{border-top:1px solid #9baa8855;padding-top:18px}.hw .hw-custom .hw-hint{margin:0}
.hw .hw-result-wrap{min-width:0}.hw .hw-result{background:#153e35;color:#fff4df;padding:25px 28px;border:1px solid #153e35;box-shadow:5px 6px #153e3522}.hw .hw-result-label{font:700 11px/1.5 ui-monospace,monospace;color:#efc780;letter-spacing:.05em;margin:0 0 4px;text-transform:uppercase}.hw .hw-number{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}.hw .hw-number output{font:700 clamp(45px,5vw,70px)/1.2 var(--mmos-font-display,Oswald,sans-serif);letter-spacing:-.03em;overflow-wrap:anywhere;min-width:0}.hw .hw-number>span{font:16px/1.5 ui-monospace,monospace}.hw .hw-secondary{font:13px/1.7 Arial,sans-serif;margin:6px 0 16px;color:#f1e6cc}.hw .hw-takeaway{border-top:1px solid #efc78044;padding-top:17px;margin:17px 0 0;font:15px/1.55 Arial,sans-serif}.hw .hw-loop{display:block;width:100%;height:auto;margin:20px 0}.hw .hw-loop text{fill:#fff4df;font:11px ui-monospace,monospace}.hw .hw-flow-dashes{animation:hw-flow 4s linear infinite}@keyframes hw-flow{to{stroke-dashoffset:-80}}
.hw .hw-mixture{display:flex;width:100%;height:60px;background:repeating-linear-gradient(90deg,transparent,transparent calc(10% - 1px),#153e3540 calc(10% - 1px),#153e3540 10%),#c3d5c6;border:1px solid #fff4df99;margin-top:30px}.hw .hw-mixture-fill{background:repeating-linear-gradient(135deg,transparent,transparent 6px,#ffffff15 6px,#ffffff15 7px),#e7994b;border-right:2px solid #fff4df}.hw .hw-legend{display:flex;gap:12px 25px;justify-content:space-between;flex-wrap:wrap;font:12px/1.5 Arial,sans-serif;margin-top:12px}.hw .hw-legend i{display:inline-block;width:8px;height:8px;background:#e7994b;margin-right:4px}.hw .hw-legend span+span i{background:#c3d5c6}.hw .hw-legend b{font-weight:400}.hw .hw-chart{display:block;width:100%;height:auto;margin-top:20px}.hw .hw-chart text{fill:#f8edda;font:11px Arial,sans-serif}
.hw .hw-error{color:#7c261a;background:#fbe5d0;border:2px solid #a94125;padding:25px;font:700 16px/1.6 Arial,sans-serif;min-height:125px}.hw .hw-method{margin:30px 0 0;border-bottom:0!important}.hw .hw-method summary{font-size:15px}.hw .hw-method p,.hw .hw-method>a{font:14px/1.65 Arial,sans-serif}.hw .hw-method>a{display:inline-block;margin:0 0 24px}.hw .hw-equation{background:#e4e7d3;padding:14px!important;font:13px/1.7 ui-monospace,monospace!important;overflow-wrap:anywhere}.hw .hw-bench-note{border-top:1px solid #153e3540;margin:0;padding:20px 32px;background:#e7e8d5;font:12px/1.6 Arial,sans-serif;max-width:none}.hw .hw-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:900px){.hw .hw-toolbar{padding:22px}.hw .hw-tool-panel{padding:26px 22px 0}.hw .hw-grid{gap:24px}.hw .hw-tools button{font-size:20px;padding:18px 16px;gap:10px}.hw .hw-result{padding:22px}.hw .hw-view-note{max-width:185px}}
@media(max-width:680px){.hw .hw-toolbar{display:block;padding:20px 18px}.hw .hw-view-note{max-width:none;margin-top:14px;font-size:12px}.hw .hw-modes{width:100%}.hw .hw-modes button{flex:1;padding:11px!important;font-size:15px!important}.hw .hw-modes button span{font-size:11px}.hw .hw-tools button{display:block;padding:14px 10px!important;font-size:18px;line-height:1.3}.hw .hw-tools button>span{display:block;margin-bottom:7px;font-size:10px}.hw .hw-tool-panel{padding:25px 18px 0}.hw .hw-heading{gap:8px;margin-bottom:15px;flex-wrap:wrap}.hw .hw-heading h2{font-size:34px}.hw .hw-heading .br-kicker{font-size:10px}.hw .hw-reset{font-size:11px!important;min-height:40px}.hw .hw-grid{grid-template-columns:1fr;gap:20px}.hw .hw-inputs{padding:0}.hw .hw-fields{gap:17px 12px}.hw .hw-fields input{font-size:17px;padding:10px}.hw .hw-fields select{font-size:14px}.hw .hw-result{padding:22px 20px}.hw .hw-number output{font-size:59px}.hw .hw-bench-note{padding:18px}.hw .hw-method{margin-top:24px}.br .hw-cover-index{font-size:9px;gap:13px 20px}.br .hw-cover .br-folio{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hw .hw-flow-dashes{animation:none}}
#hydronics-workbench .hw-reset,#hydronics-workbench .hw-reset:hover,#hydronics-workbench .hw-reset:focus{color:#153e35;background:transparent}#hydronics-workbench .hw-reset:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:680px){.hw .hw-chart text{font-size:20px}}
/* Explanations stay beside the inputs; comparisons give every result a reference. */
.hw .hw-heading h2{font-size:clamp(29px,3vw,43px);max-width:780px;line-height:1.18;text-transform:none;letter-spacing:-.02em}.hw .hw-heading{margin-bottom:23px}.hw .hw-inputs>form>p:first-child{margin-bottom:24px;line-height:1.6}.hw .hw-step{font:700 13px/1.5 Arial,sans-serif!important;color:#a3411b;margin:22px 0 14px!important}.hw .hw-field-help{display:block;font:13px/1.5 Arial,sans-serif;color:#3f584a;margin:9px 0 0;font-weight:400}.hw .hw-fields{gap:23px 20px}.hw .hw-fields input{margin-top:5px}.hw .hw-presets{display:flex;gap:8px;margin:18px 0}.hw .hw-presets button{flex:1;font:700 13px/1.3 Arial,sans-serif;padding:10px!important;min-height:44px;border:1px solid #70846a}.hw .hw-presets button:hover{color:#153e35;background:#e7e8d5}.hw .hw-hint{font-size:13px!important}.hw .hw-result-label{font-size:12px;letter-spacing:0;line-height:1.6}.hw .hw-number>span{font:15px/1.5 Arial,sans-serif;max-width:210px}.hw .hw-secondary{font-size:15px;line-height:1.6;margin:8px 0 22px}.hw .hw-compare-title{color:#efc780;font:700 13px/1.5 Arial,sans-serif;margin:24px 0 14px}.hw .hw-compare-row{border-top:1px solid #fff3dd35;padding:16px 0 6px}.hw .hw-compare-row>span{font:12px/1.5 Arial,sans-serif;color:#e6d7b7}.hw .hw-compare-row>div:not(.hw-bar){display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:4px}.hw .hw-compare-row strong,.hw .hw-compare-row b{font:700 15px/1.5 Arial,sans-serif}.hw .hw-compare-row b{text-align:right;flex:none}.hw .hw-bar{height:13px;background:#ffffff18;margin:10px 0 5px}.hw .hw-bar i{display:block;height:100%;background:#bdcdbb}.hw .hw-compare-row:nth-of-type(2) .hw-bar i{background:#f1a55d}.hw .hw-compare-foot{font:12px/1.5 Arial,sans-serif;color:#e6d7b7;margin:13px 0 0}.hw .hw-takeaway{font-size:16px;line-height:1.6}.hw[data-mode=pro] .hw-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.hw[data-mode=pro] .hw-heading h2{max-width:770px}.hw .hw-method p{font-size:15px;line-height:1.65}.hw .hw-bench-note{font-size:13px}.hw .hw-result{padding:26px}
@media(max-width:680px){.hw[data-mode=pro] .hw-grid{grid-template-columns:1fr}.hw .hw-heading h2{font-size:31px}.hw .hw-result{padding:22px 18px}.hw .hw-compare-row>div:not(.hw-bar){display:block}.hw .hw-compare-row b{display:block;text-align:left;margin-top:2px;font-size:17px}.hw .hw-presets{gap:6px}.hw .hw-presets button{font-size:12px!important;padding:9px 6px!important}.hw[data-mode=pro] .hw-fields{grid-template-columns:1fr}.hw .hw-field-help{font-size:13px}.hw .hw-number output{font-size:54px}.hw .hw-number>span{max-width:180px}.hw .hw-heading{margin-bottom:20px}.hw .hw-compare-title{margin-top:20px}}