.gallon-calc{display:grid;grid-template-columns:264px minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"picker inputs stage" "picker details stage";grid-template-rows:auto 1fr;align-items:start;background:var(--surface);border-radius:20px;overflow:hidden;box-shadow:0 1px #ffffff0f inset,0 40px 70px -45px #0f1b2db3;border:1px solid rgba(15,27,45,.08);transition:box-shadow .25s ease-out}@keyframes gallonLoadPulse{0%{box-shadow:0 0 0 4px #b8894a8c,0 40px 70px -45px #0f1b2db3}to{box-shadow:0 1px #ffffff0f inset,0 40px 70px -45px #0f1b2db3}}.gallon-calc.is-loaded{animation:gallonLoadPulse 1.1s ease-out}.gallon-calc .calc-picker{grid-area:picker;width:264px;box-sizing:border-box;border:0;margin:0;padding:16px 14px;border-inline-end:1px solid var(--line);background:#fafaf8;display:flex;flex-direction:column;gap:14px}.gallon-calc .picker-subtitle{display:block;font-size:13px;font-weight:500;color:var(--muted);margin-bottom:6px}.gallon-calc .seg-control{display:flex;flex-direction:column;gap:4px;background:var(--line);padding:4px;border-radius:10px}.gallon-calc .seg-control input{position:absolute;opacity:0;width:0;height:0}.gallon-calc .seg-control label{display:flex;align-items:center;justify-content:center;height:38px;padding:0 12px;font-size:13.5px;font-weight:500;border-radius:7px;cursor:pointer;color:var(--ink-2);user-select:none;transition:background .15s,color .15s,box-shadow .15s;white-space:nowrap;text-align:center}.gallon-calc .seg-control input:checked+label{background:var(--surface);color:var(--ink);box-shadow:0 2px 6px #0f1b2d14;font-weight:600}.gallon-calc .type-cards{display:flex;flex-direction:column;gap:6px}.gallon-calc .type-card{position:relative;width:100%}.gallon-calc .type-card input{position:absolute;opacity:0;width:0;height:0}.gallon-calc .type-card label{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:48px;padding:8px 12px;background:#fff;border:1px solid var(--line-2);border-radius:9px;cursor:pointer;user-select:none;transition:background .15s,border-color .15s}.gallon-calc .type-card label .card-title{font-size:13.5px;font-weight:500;color:var(--ink-2)}.gallon-calc .type-card label .card-hint{font-size:11.5px;color:var(--muted);line-height:1.25}.gallon-calc .type-card input:checked+label{background:var(--navy);border-color:var(--brass-lt)}.gallon-calc .type-card input:checked+label .card-title{color:#fff}.gallon-calc .type-card input:checked+label .card-hint{color:#b9c4d1}.gallon-calc .shape-cards{display:flex;flex-direction:column;gap:6px}.gallon-calc .shape-card{position:relative;width:100%}.gallon-calc .shape-card input{position:absolute;opacity:0;width:0;height:0}.gallon-calc .shape-card label{display:flex;align-items:center;gap:10px;height:44px;padding:0 12px;background:#fff;border:1px solid var(--line-2);border-radius:9px;cursor:pointer;font-size:13.5px;font-weight:500;color:var(--ink-2);user-select:none;transition:background .15s,border-color .15s}.gallon-calc .shape-card label .shape-ico{width:32px;height:24px;flex-shrink:0;color:var(--ink-2)}.gallon-calc .shape-card input:checked+label{background:var(--navy);border-color:var(--brass-lt);color:#fff}.gallon-calc .shape-card input:checked+label .shape-ico{color:var(--brass-lt)}.gallon-calc .calc-inputs{grid-area:inputs;padding:20px 24px 0;display:flex;flex-direction:column;gap:12px}.gallon-calc .mode-fields,.gallon-calc .shape-inputs-set{display:grid;gap:9px}.gallon-calc .field{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:10px}.gallon-calc .field>label{font-size:14.5px;color:var(--ink-2)}.gallon-calc .field>label i{font-family:var(--serif);font-size:16px;color:var(--brass-dk);margin-inline-start:4px}.gallon-calc .pair{display:grid;grid-template-columns:minmax(0,1fr) 76px;border:1px solid var(--line-2);border-radius:9px;background:#f7f8f6;transition:border-color .15s,box-shadow .15s}.gallon-calc .pair:focus-within{border-color:var(--brass);background:#fff;box-shadow:0 0 0 3px #b8894a2e}.gallon-calc .pair input{min-width:0;width:100%;font:inherit;font-size:16px;font-variant-numeric:tabular-nums;color:var(--ink);background:transparent;border:0;padding:8px 8px 8px 10px;outline:none}.gallon-calc .pair select{border:0;border-inline-start:1px solid var(--line-2);border-radius:0 8px 8px 0;background-color:transparent;font-size:14px;padding:8px 24px 8px 8px;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%230F1B2D' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.gallon-calc .pair select:focus{outline:none}.gallon-calc .pair.full-select{grid-template-columns:1fr}.gallon-calc .pair.full-select select{border-inline-start:0;border-radius:8px;padding:8px 26px 8px 10px}.gallon-calc .mode1-fields{display:flex;flex-direction:column;gap:10px}.gallon-calc .m1-row{display:flex;flex-direction:column;gap:4px}.gallon-calc .m1-row label{font-size:14.5px;font-weight:500;color:var(--ink-2)}.gallon-calc .m1-input-wrap,.gallon-calc .m1-select-wrap{width:100%}.gallon-calc .m1-input-wrap input{width:100%;box-sizing:border-box;font:inherit;font-size:16px;font-variant-numeric:tabular-nums;color:var(--ink);background:#f7f8f6;border:1px solid var(--line-2);border-radius:9px;padding:9px 12px;outline:none;transition:border-color .15s,box-shadow .15s,background-color .15s}.gallon-calc .m1-input-wrap input:focus{border-color:var(--brass);background-color:#fff;box-shadow:0 0 0 3px #b8894a2e}.gallon-calc .m1-select-wrap select{width:100%;box-sizing:border-box;font:inherit;font-size:15px;color:var(--ink);background-color:#f7f8f6;border:1px solid var(--line-2);border-radius:9px;padding:9px 34px 9px 12px;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%230F1B2D' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color .15s,box-shadow .15s,background-color .15s}.gallon-calc .m1-select-wrap select:focus{border-color:var(--brass);background-color:#fff;box-shadow:0 0 0 3px #b8894a2e;outline:none}.gallon-calc .swap-row{display:flex;justify-content:center;align-items:center;padding:2px 0}.gallon-calc .swap-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid var(--line-2);background:#fff;color:var(--ink-2);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.gallon-calc .swap-btn:hover,.gallon-calc .swap-btn:focus-visible{border-color:var(--brass);color:var(--ink);background:#fafaf8}.gallon-calc .swap-btn svg{width:20px;height:20px}.gallon-calc .field-hint{margin:4px 0 0;font-size:12.5px;color:var(--muted);line-height:1.35}.gallon-calc .field-hint a{color:var(--brass-dk);text-decoration:underline}.gallon-calc .field.is-hot>label{color:var(--ink);font-weight:500}.gallon-calc .field.is-hot .pair{border-color:var(--brass)}.gallon-calc .warn{margin:6px 0 0;font-size:13.5px;color:#9b3b2e}.gallon-calc .warn:empty{display:none}.gallon-calc .calc-stage{grid-area:stage;display:flex;flex-direction:column;background:var(--navy-2);color:var(--plat);background-image:linear-gradient(rgba(214,222,231,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(214,222,231,.045) 1px,transparent 1px);background-size:24px 24px;background-position:-1px -1px;min-height:380px}.gallon-calc .stage-body{display:flex;flex-direction:column;height:100%}.gallon-calc .result{padding:16px 20px 12px;border-bottom:1px solid rgba(214,222,231,.1);background:#0f1b2d8c}.gallon-calc .result-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:2px}.gallon-calc .result-label{font-size:14px;color:#b9c4d1;margin:0}.gallon-calc .copy{font:inherit;font-size:13px;font-weight:500;color:#e7ecf2;background:transparent;border:1px solid rgba(214,222,231,.28);border-radius:7px;padding:4px 9px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:border-color .15s,color .15s}.gallon-calc .copy:hover{border-color:var(--brass-lt);color:#fff}.gallon-calc .copy svg{width:14px;height:14px}.gallon-calc .copy[data-done]{border-color:var(--brass-lt);color:var(--brass-lt)}.gallon-calc .result-main{display:flex;align-items:center;gap:10px 12px;flex-wrap:wrap}.gallon-calc .result-main output{font-family:var(--serif);font-size:clamp(34px,3.4vw,44px);line-height:1.05;font-weight:600;letter-spacing:-.02em;color:#fff;font-variant-numeric:lining-nums tabular-nums;overflow-wrap:anywhere}.gallon-calc .result-unit{font-size:16px;color:var(--brass-lt);font-weight:500}.gallon-calc .result-main select{max-width:175px;color:#fff;background-color:#d6dee70f;border:1px solid rgba(214,222,231,.28);border-radius:9px;padding:7px 28px 7px 10px;font-size:14.5px;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23DDBC88' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}.gallon-calc .result-main select option{color:var(--ink);background:#fff}.gallon-calc .work{margin:6px 0 0;font-size:14.5px;color:#c9d2dd;overflow-wrap:anywhere}.gallon-calc .water-weight-line{margin:8px 0 0;font-size:13.5px;color:#c9d2dd}.gallon-calc .density-used-line{margin:8px 0 0;font-size:13px;color:#c9d2dd}.gallon-calc .custom-density-field{margin-top:10px;display:flex;flex-direction:column;gap:4px}.gallon-calc .custom-density-field label{font-size:12px;color:var(--muted);font-weight:500}.gallon-calc .custom-density-field input{background:#fff;border:1px solid var(--line-2);border-radius:6px;padding:6px 8px;font-size:14px;color:var(--ink)}.gallon-calc .drawing{margin:12px 0 4px;padding:0;display:flex;flex-direction:column;align-items:center}.gallon-calc .drawing svg{width:100%;height:auto;display:block;--edge: #e4eaf1;--hid: rgba(214, 222, 231, .38);--f1: rgba(221, 188, 136, .12);--f2: rgba(221, 188, 136, .22);--f3: rgba(221, 188, 136, .06);--ax: rgba(221, 188, 136, .45)}.gallon-calc .drawing svg .e{fill:none;stroke:#d6dee761;stroke-width:1.2px}.gallon-calc .drawing figcaption{padding:6px 6px 0;font-size:13.5px;color:#b9c4d1;text-align:center;line-height:1.35}.gallon-calc .breakdown-row{cursor:pointer;outline:none}.gallon-calc .breakdown-row .f1{fill:#ddbc881f;transition:fill .15s}.gallon-calc .breakdown-row .e{fill:none;stroke:#d6dee761;stroke-width:1.2px;transition:stroke .15s,stroke-width .15s}.gallon-calc .breakdown-row .pill rect{fill:#132339;stroke:#d6dee74d;stroke-width:1px;transition:fill .15s,stroke .15s}.gallon-calc .breakdown-row .pill text{fill:#e7ecf2;font-size:11px;font-weight:500;font-family:var(--sans)}.gallon-calc .breakdown-row .pill.pill-cup text{font-size:9px}.gallon-calc .bd-oz-text{fill:var(--brass-lt);font-family:var(--serif);font-size:16px;font-weight:600}.gallon-calc .breakdown-row:hover .f1,.gallon-calc .breakdown-row:focus-visible .f1,.gallon-calc .breakdown-row.is-hot .f1{fill:#ddbc8847}.gallon-calc .breakdown-row:hover .e,.gallon-calc .breakdown-row:focus-visible .e,.gallon-calc .breakdown-row.is-hot .e{stroke:var(--brass-lt);stroke-width:1.8px}.gallon-calc .breakdown-row:hover .pill rect,.gallon-calc .breakdown-row:focus-visible .pill rect,.gallon-calc .breakdown-row.is-hot .pill rect{fill:var(--navy);stroke:var(--brass-lt);stroke-width:1.5px}.gallon-calc .breakdown-row:hover .pill text,.gallon-calc .breakdown-row:focus-visible .pill text,.gallon-calc .breakdown-row.is-hot .pill text{fill:#fff;font-weight:600}.gallon-calc svg .dim.is-hot .d,.gallon-calc svg .dim.is-hot .ax,.gallon-calc svg .dim.is-hot .x,.gallon-calc svg .dim.is-hot line{stroke:var(--brass-lt);stroke-width:2.2px}.gallon-calc svg .dim.is-hot .pill rect{fill:var(--navy);stroke:var(--brass-lt);stroke-width:1.8px}.gallon-calc svg .dim.is-hot .pill text{fill:#fff;font-weight:600}#stage-mode3-svg .dim.pill{cursor:pointer;outline:none;transform-origin:center;transition:transform .15s ease}#stage-mode3-svg .dim.pill:hover,#stage-mode3-svg .dim.pill:focus-visible,#stage-mode3-svg .dim.pill.is-hot{transform:scale(1.04)}#stage-mode3-svg .dim.pill:hover rect,#stage-mode3-svg .dim.pill:focus-visible rect,#stage-mode3-svg .dim.pill.is-hot rect{fill:var(--navy);stroke:var(--brass-lt);stroke-width:1.8px}#stage-mode3-svg .dim.pill:hover text,#stage-mode3-svg .dim.pill:focus-visible text,#stage-mode3-svg .dim.pill.is-hot text{fill:#fff}.gallon-calc .calc-details{grid-area:details;padding:14px 24px 20px;display:flex;flex-direction:column;gap:12px}.gallon-calc .details-heading{font-size:13.5px;font-weight:600;color:var(--ink-2);margin:0 0 8px}.gallon-calc .details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.gallon-calc .details-cell{background:#fff;border:1px solid var(--line-2);border-radius:8px;padding:6px 8px;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;transition:border-color .15s,background .15s;text-align:left}.gallon-calc .details-cell:hover,.gallon-calc .details-cell:focus-visible{border-color:var(--brass);background:#fdfaf6;outline:none}.gallon-calc .cell-label{font-size:11.5px;color:var(--muted)}.gallon-calc .cell-val{font-size:14px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.gallon-calc .conv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:0}.gallon-calc .conv div{background:var(--surface);padding:7px 10px}.gallon-calc .conv .water-weight-cell{grid-column:span 2}.gallon-calc .conv dt{font-size:12px;color:var(--muted)}.gallon-calc .conv dd{margin:0;font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}@media(min-width:760px)and (max-width:1099px){.gallon-calc{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"picker picker" "inputs stage" "details stage";grid-template-rows:auto auto 1fr}.gallon-calc .calc-picker{width:100%;border-inline-end:0;border-bottom:1px solid var(--line);padding:8px 16px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 14px}.gallon-calc .picker-subtitle{display:none}.gallon-calc .seg-control{flex:0 0 auto;flex-direction:row;flex-wrap:nowrap;gap:4px}.gallon-calc .seg-control label{flex:1;height:38px;font-size:13px;padding:0 10px}.gallon-calc .type-cards,.gallon-calc .shape-cards,.gallon-calc .temp-cards{flex-direction:row;flex:1 1 auto;gap:6px}.gallon-calc .type-card,.gallon-calc .shape-card,.gallon-calc .temp-card{flex:1 1 0}.gallon-calc .type-card label,.gallon-calc .temp-card label{min-height:40px;padding:4px 8px}.gallon-calc .type-card label .card-hint,.gallon-calc .temp-card label .card-hint{display:none}.gallon-calc .shape-card label{height:40px;padding:0 8px}.gallon-calc .calc-inputs{padding:14px 18px 0}.gallon-calc .result{padding:12px 18px 10px}.gallon-calc .calc-details{padding:12px 18px 20px}.gallon-calc .field{grid-template-columns:minmax(0,1fr) 150px}}@media(max-width:759px){.gallon-calc{grid-template-columns:1fr;grid-template-areas:"picker" "inputs" "stage" "details";grid-template-rows:auto}.gallon-calc .calc-picker{width:100%;border-inline-end:0;border-bottom:1px solid var(--line);padding:6px 10px;gap:4px}.gallon-calc .picker-subtitle{display:none}.gallon-calc .seg-control{flex:1 1 100%;flex-direction:column;gap:2px;padding:2px}.gallon-calc .seg-control label{height:28px;padding:0 8px;font-size:12px;white-space:nowrap}.gallon-calc .type-cards,.gallon-calc .shape-cards,.gallon-calc .temp-cards{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding-bottom:2px;gap:6px}.gallon-calc .type-card,.gallon-calc .shape-card,.gallon-calc .temp-card{flex:0 0 auto}.gallon-calc .type-card label,.gallon-calc .temp-card label{min-height:36px;padding:4px 8px;white-space:nowrap}.gallon-calc .type-card label .card-hint,.gallon-calc .temp-card label .card-hint{display:none}.gallon-calc .shape-card label{height:36px;padding:0 8px;white-space:nowrap}.gallon-calc .calc-inputs{padding:8px 12px 0;gap:6px}.gallon-calc .field{grid-template-columns:minmax(0,1fr) 130px;gap:6px}.gallon-calc .pair input{padding:5px 6px 5px 8px;font-size:14.5px}.gallon-calc .pair select{padding:5px 18px 5px 6px;font-size:13px}.gallon-calc .result{padding:10px 14px 8px}.gallon-calc .calc-details{padding:10px 12px 18px}.gallon-calc .details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.gallon-calc .calc-picker,.gallon-calc .calc-inputs,.gallon-calc .calc-details,.gallon-calc .result{padding-inline:12px}}body:has(#gallon-calculator) .breadcrumbs{background:var(--navy);color:#b9c4d1;padding-block:10px;border-bottom:1px solid rgba(214,222,231,.08)}body:has(#gallon-calculator) .breadcrumbs a{color:#b9c4d1}body:has(#gallon-calculator) .breadcrumbs a:hover{color:#fff}body:has(#gallon-calculator) .breadcrumbs .sep{color:#d6dee759}body:has(#gallon-calculator) .breadcrumbs [aria-current=page]{color:#fff}.gallon-hero-band[data-astro-cid-vzekzoeg]{background:var(--navy);color:#fff;padding:16px 0 44px;position:relative;box-shadow:0 1px #ffffff14 inset}.gallon-hero-band[data-astro-cid-vzekzoeg]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:var(--bg);z-index:1;pointer-events:none}.gallon-hero-band[data-astro-cid-vzekzoeg] .wrap[data-astro-cid-vzekzoeg]{position:relative;z-index:2}.hero-text[data-astro-cid-vzekzoeg]{max-width:860px;margin:0 auto 24px;text-align:center;display:flex;flex-direction:column;align-items:center}.hero-text[data-astro-cid-vzekzoeg] h1[data-astro-cid-vzekzoeg]{font-family:var(--serif);font-size:clamp(34px,4.5vw,44px);line-height:1.15;font-weight:400;color:#fff;margin:0 0 10px;letter-spacing:-.015em;text-align:center}.hero-text[data-astro-cid-vzekzoeg] .lede[data-astro-cid-vzekzoeg]{font-size:18px;line-height:1.55;color:#d6dee7;margin:0 auto;max-width:760px;text-align:center}@media(max-width:760px){.gallon-hero-band[data-astro-cid-vzekzoeg]{padding:10px 0 24px}.hero-text[data-astro-cid-vzekzoeg]{margin:0 auto 10px}.hero-text[data-astro-cid-vzekzoeg] h1[data-astro-cid-vzekzoeg]{font-size:28px;margin-bottom:4px}.hero-text[data-astro-cid-vzekzoeg] .lede[data-astro-cid-vzekzoeg]{font-size:15px;line-height:1.4}}.tool-anchor[data-astro-cid-vzekzoeg]{margin:0 auto;position:relative;z-index:3}.gallon-content[data-astro-cid-vzekzoeg]{padding-top:56px;padding-bottom:80px;max-width:1040px;margin-left:auto;margin-right:auto}.gallon-main-intro[data-astro-cid-vzekzoeg]{max-width:1000px;margin:0 auto 48px}.gallon-main-intro[data-astro-cid-vzekzoeg] .intro-p[data-astro-cid-vzekzoeg]{font-size:19px;line-height:1.6;color:var(--ink);font-weight:500}.gallon-prose[data-astro-cid-vzekzoeg]{max-width:1000px;margin-left:auto;margin-right:auto;width:100%}.gallon-prose[data-astro-cid-vzekzoeg] h2[data-astro-cid-vzekzoeg]{font-family:var(--serif);font-size:clamp(26px,3.2vw,32px);line-height:1.25;font-weight:400;color:var(--ink);margin:0 0 16px;text-align:center;letter-spacing:-.01em}.gallon-prose[data-astro-cid-vzekzoeg] h3[data-astro-cid-vzekzoeg]{font-family:var(--serif);font-size:21px;line-height:1.35;font-weight:600;color:var(--ink);margin:32px 0 12px;text-align:start}.gallon-prose[data-astro-cid-vzekzoeg] p[data-astro-cid-vzekzoeg]{font-size:17px;line-height:1.65;color:var(--ink-2);margin:0 0 16px;text-align:start;width:100%}.gallon-prose[data-astro-cid-vzekzoeg] .intro[data-astro-cid-vzekzoeg]{font-size:17px;line-height:1.65;color:var(--ink-2);margin-bottom:20px;text-align:start;width:100%}.gallon-prose[data-astro-cid-vzekzoeg] .field-hint[data-astro-cid-vzekzoeg]{font-size:14.5px;line-height:1.55;color:var(--muted);margin-top:10px}.gallon-prose[data-astro-cid-vzekzoeg] a[data-astro-cid-vzekzoeg]{color:var(--navy);text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:3px}.gallon-prose[data-astro-cid-vzekzoeg] a[data-astro-cid-vzekzoeg]:hover{color:var(--brass-dk)}.btn-water-weight-mode[data-astro-cid-vzekzoeg]{background:none;border:none;padding:0;font:inherit;font-size:inherit;color:var(--navy);text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:3px;cursor:pointer;font-weight:500}.btn-water-weight-mode[data-astro-cid-vzekzoeg]:hover{color:var(--brass-dk)}.gallon-prose[data-astro-cid-vzekzoeg] ul[data-astro-cid-vzekzoeg].values-list,.gallon-prose[data-astro-cid-vzekzoeg] ul[data-astro-cid-vzekzoeg].types-desc-list,.gallon-prose[data-astro-cid-vzekzoeg] ul[data-astro-cid-vzekzoeg].uses-list{margin:16px 0 24px;padding-left:24px;list-style:disc}.gallon-prose[data-astro-cid-vzekzoeg] ol[data-astro-cid-vzekzoeg].steps-list,.gallon-prose[data-astro-cid-vzekzoeg] ol[data-astro-cid-vzekzoeg].sources-list{margin:16px 0 24px;padding-left:24px;list-style:decimal}.gallon-prose[data-astro-cid-vzekzoeg] li[data-astro-cid-vzekzoeg]{font-size:17px;line-height:1.65;color:var(--ink-2);margin-bottom:10px}.gallon-prose[data-astro-cid-vzekzoeg] ol[data-astro-cid-vzekzoeg].sources-list li[data-astro-cid-vzekzoeg]{font-size:15.5px;line-height:1.55;margin-bottom:12px}.muted-pub[data-astro-cid-vzekzoeg]{color:var(--muted);font-style:italic}.source-desc[data-astro-cid-vzekzoeg]{color:var(--ink-2)}.block[data-astro-cid-vzekzoeg]{margin-top:64px}.table-wrap[data-astro-cid-vzekzoeg]{position:relative;max-width:1000px;margin:28px auto;overflow-x:auto;border-radius:12px;border:1px solid var(--line-2);background:var(--surface);box-shadow:0 2px 8px #0f1b2d0a}.gallon-conv-table[data-astro-cid-vzekzoeg]{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5;text-align:left;white-space:nowrap}.gallon-conv-table[data-astro-cid-vzekzoeg] caption[data-astro-cid-vzekzoeg]{padding:12px 16px;text-align:left;font-family:var(--sans);font-size:14px;font-weight:600;color:var(--ink-2);background:#fafbfa;border-bottom:1px solid var(--line)}.gallon-conv-table[data-astro-cid-vzekzoeg] th[data-astro-cid-vzekzoeg],.gallon-conv-table[data-astro-cid-vzekzoeg] td[data-astro-cid-vzekzoeg]{padding:10px 16px;border-bottom:1px solid var(--line)}.gallon-conv-table[data-astro-cid-vzekzoeg] th[data-astro-cid-vzekzoeg]{background:#f7f9f8;color:var(--ink);font-weight:600}.gallon-conv-table[data-astro-cid-vzekzoeg] th[data-astro-cid-vzekzoeg].num,.gallon-conv-table[data-astro-cid-vzekzoeg] td[data-astro-cid-vzekzoeg].num{text-align:right;font-variant-numeric:tabular-nums}.gallon-conv-table[data-astro-cid-vzekzoeg] tbody[data-astro-cid-vzekzoeg] tr[data-astro-cid-vzekzoeg]:last-child td[data-astro-cid-vzekzoeg]{border-bottom:0}.gallon-conv-table[data-astro-cid-vzekzoeg] tbody[data-astro-cid-vzekzoeg] tr[data-astro-cid-vzekzoeg]:hover{background:#fcfbfa}.table-convert-btn[data-astro-cid-vzekzoeg]{background:var(--navy);color:#fff;border:none;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.table-convert-btn[data-astro-cid-vzekzoeg]:hover{background:var(--brass-dk)}.formula-box[data-astro-cid-vzekzoeg]{background:var(--surface);border:1px solid var(--line-2);border-left:3px solid var(--brass);border-radius:8px;padding:14px 18px;margin:16px 0 20px;box-shadow:0 1px 3px #0f1b2d08}.formula-line[data-astro-cid-vzekzoeg]{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--ink);margin:0 0 6px}.formula-box[data-astro-cid-vzekzoeg] .formula-line[data-astro-cid-vzekzoeg] code[data-astro-cid-vzekzoeg]{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--ink);background:transparent;padding:0}.formula-example[data-astro-cid-vzekzoeg],.formula-desc[data-astro-cid-vzekzoeg]{font-size:17px;line-height:1.6;color:var(--ink-2);margin:8px 0 0}.formulas-grid[data-astro-cid-vzekzoeg]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:1000px;margin:24px auto 0}.formula-span-2[data-astro-cid-vzekzoeg]{grid-column:span 2}.formula-content[data-astro-cid-vzekzoeg] h3[data-astro-cid-vzekzoeg]{margin:0 0 8px;font-family:var(--serif);font-size:18px;color:var(--ink)}.gallon-static-diagram[data-astro-cid-vzekzoeg]{max-width:600px;margin:32px auto;padding:24px;background:var(--surface);border:1px solid var(--line-2);border-radius:12px;box-shadow:0 2px 10px #0f1b2d0a}.gallon-static-diagram[data-astro-cid-vzekzoeg] svg[data-astro-cid-vzekzoeg]{display:block;width:100%;height:auto}.gallon-static-diagram[data-astro-cid-vzekzoeg] figcaption[data-astro-cid-vzekzoeg]{margin-top:14px;text-align:center;font-size:14.5px;color:var(--muted)}.comp-figure[data-astro-cid-vzekzoeg]{max-width:800px}.comp-svg[data-astro-cid-vzekzoeg]{max-width:680px}.comp-bar[data-astro-cid-vzekzoeg]{cursor:pointer;outline:none}.comp-bar[data-astro-cid-vzekzoeg] rect[data-astro-cid-vzekzoeg].bar{transition:fill .15s,stroke-width .15s}.comp-bar[data-astro-cid-vzekzoeg]:hover rect[data-astro-cid-vzekzoeg].bar,.comp-bar[data-astro-cid-vzekzoeg]:focus-visible rect[data-astro-cid-vzekzoeg].bar,.comp-bar[data-astro-cid-vzekzoeg].is-hot rect[data-astro-cid-vzekzoeg].bar{fill:#b8894a66;stroke:var(--brass-dk);stroke-width:1.5px}.slab-figure[data-astro-cid-vzekzoeg]{max-width:580px}.slab-svg[data-astro-cid-vzekzoeg]{max-width:480px;margin:0 auto}.slab-action-wrap[data-astro-cid-vzekzoeg]{margin-top:12px;text-align:center}.load-calc-btn[data-astro-cid-vzekzoeg]{padding:6px 14px;font-size:14px}.water-temp-figure[data-astro-cid-vzekzoeg]{max-width:860px}.water-temp-svg[data-astro-cid-vzekzoeg]{max-width:760px;margin:0 auto}.temp-flask[data-astro-cid-vzekzoeg]{cursor:pointer;outline:none;transition:transform .2s ease}.temp-flask[data-astro-cid-vzekzoeg]:hover,.temp-flask[data-astro-cid-vzekzoeg]:focus-visible,.temp-flask[data-astro-cid-vzekzoeg].is-hot{transform:translateY(-3px)}.temp-flask[data-astro-cid-vzekzoeg]:hover .flask-outline[data-astro-cid-vzekzoeg],.temp-flask[data-astro-cid-vzekzoeg]:focus-visible .flask-outline[data-astro-cid-vzekzoeg],.temp-flask[data-astro-cid-vzekzoeg].is-hot .flask-outline[data-astro-cid-vzekzoeg]{stroke:var(--brass-dk);stroke-width:2.2px}.temp-flask[data-astro-cid-vzekzoeg]:hover .dim[data-astro-cid-vzekzoeg].pill rect[data-astro-cid-vzekzoeg],.temp-flask[data-astro-cid-vzekzoeg]:focus-visible .dim[data-astro-cid-vzekzoeg].pill rect[data-astro-cid-vzekzoeg],.temp-flask[data-astro-cid-vzekzoeg].is-hot .dim[data-astro-cid-vzekzoeg].pill rect[data-astro-cid-vzekzoeg]{fill:var(--navy);stroke:var(--brass-dk)}.temp-flask[data-astro-cid-vzekzoeg]:hover .dim[data-astro-cid-vzekzoeg].pill text[data-astro-cid-vzekzoeg],.temp-flask[data-astro-cid-vzekzoeg]:focus-visible .dim[data-astro-cid-vzekzoeg].pill text[data-astro-cid-vzekzoeg],.temp-flask[data-astro-cid-vzekzoeg].is-hot .dim[data-astro-cid-vzekzoeg].pill text[data-astro-cid-vzekzoeg]{fill:#fff}.water-temp-actions[data-astro-cid-vzekzoeg]{display:flex;justify-content:center;gap:12px;margin-top:18px;flex-wrap:wrap}.water-temp-btn[data-astro-cid-vzekzoeg]{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--surface);border:1px solid var(--line-2);border-radius:8px;font-size:13.5px;font-weight:500;color:var(--ink-2);cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.water-temp-btn[data-astro-cid-vzekzoeg]:hover,.water-temp-btn[data-astro-cid-vzekzoeg]:focus-visible,.water-temp-btn[data-astro-cid-vzekzoeg].is-active{background:#fafaf8;border-color:var(--brass);color:var(--ink);box-shadow:0 2px 6px #0f1b2d0d}.water-temp-btn[data-astro-cid-vzekzoeg] .btn-dot[data-astro-cid-vzekzoeg]{width:8px;height:8px;border-radius:50%}.water-temp-btn[data-astro-cid-vzekzoeg] .cold-dot[data-astro-cid-vzekzoeg]{background:#3b82f6}.water-temp-btn[data-astro-cid-vzekzoeg] .room-dot[data-astro-cid-vzekzoeg]{background:#0ea5e9}.water-temp-btn[data-astro-cid-vzekzoeg] .boil-dot[data-astro-cid-vzekzoeg]{background:#f59e0b}.tools-grid[data-astro-cid-vzekzoeg]{max-width:1000px;margin:24px auto 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool[data-astro-cid-vzekzoeg]{position:relative;display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;outline:none;height:100%}.tool[data-astro-cid-vzekzoeg]:hover,.tool[data-astro-cid-vzekzoeg]:focus-visible{border-color:var(--brass);box-shadow:0 4px 16px #b8894a1f;transform:translateY(-1px)}.tool[data-astro-cid-vzekzoeg] .ico[data-astro-cid-vzekzoeg]{flex-shrink:0;width:40px;height:40px;color:var(--navy)}.tool[data-astro-cid-vzekzoeg] .tx[data-astro-cid-vzekzoeg]{display:flex;flex-direction:column;min-width:0;flex:1}.tool[data-astro-cid-vzekzoeg] b[data-astro-cid-vzekzoeg]{display:block;font-size:15.5px;font-weight:600;color:var(--ink);line-height:1.3;white-space:normal;overflow-wrap:break-word}.tool[data-astro-cid-vzekzoeg] small[data-astro-cid-vzekzoeg]{display:block;font-size:13px;color:var(--muted);margin-top:4px;line-height:1.4}.tool[data-astro-cid-vzekzoeg] .soon[data-astro-cid-vzekzoeg]{display:inline-block;align-self:flex-start;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--brass-dk);background:#b8894a1f;padding:2px 7px;border-radius:4px;margin-top:8px;opacity:0;transition:opacity .15s ease-out}.tool[data-astro-cid-vzekzoeg].is-soon:hover .soon[data-astro-cid-vzekzoeg],.tool[data-astro-cid-vzekzoeg].is-soon:focus-visible .soon[data-astro-cid-vzekzoeg],.tool[data-astro-cid-vzekzoeg].is-soon:focus-within .soon[data-astro-cid-vzekzoeg]{opacity:1}.faq[data-astro-cid-vzekzoeg]{margin-top:24px;display:grid;gap:8px}.faq[data-astro-cid-vzekzoeg] details[data-astro-cid-vzekzoeg]{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.faq[data-astro-cid-vzekzoeg] summary[data-astro-cid-vzekzoeg]{padding:16px 20px;font-family:var(--sans);font-size:17px;font-weight:600;color:var(--ink);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;user-select:none;transition:background .15s}.faq[data-astro-cid-vzekzoeg] summary[data-astro-cid-vzekzoeg]::-webkit-details-marker{display:none}.faq[data-astro-cid-vzekzoeg] summary[data-astro-cid-vzekzoeg]:after{content:"+";font-size:20px;color:var(--brass-dk);font-weight:400;transition:transform .2s}.faq[data-astro-cid-vzekzoeg] details[data-astro-cid-vzekzoeg][open] summary[data-astro-cid-vzekzoeg]:after{transform:rotate(45deg)}.faq[data-astro-cid-vzekzoeg] details[data-astro-cid-vzekzoeg][open] summary[data-astro-cid-vzekzoeg]{border-bottom:1px solid var(--line)}.faq[data-astro-cid-vzekzoeg] p[data-astro-cid-vzekzoeg]{padding:14px 20px;margin:0;font-size:16px;line-height:1.6;color:var(--ink-2)}.review-note-wrap[data-astro-cid-vzekzoeg]{margin-top:48px}.review-note[data-astro-cid-vzekzoeg]{background:#f7f8f6;border:1px solid var(--line);border-radius:8px;padding:12px 18px}.review-note[data-astro-cid-vzekzoeg] p[data-astro-cid-vzekzoeg]{font-size:14px;line-height:1.5;color:var(--muted);margin:0}.review-note[data-astro-cid-vzekzoeg] a[data-astro-cid-vzekzoeg]{color:var(--navy);font-weight:500;text-decoration:underline}@media(max-width:1099px){.tools-grid[data-astro-cid-vzekzoeg]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1099px){.gallon-hero-band[data-astro-cid-vzekzoeg]{padding-top:6px}.hero-text[data-astro-cid-vzekzoeg]{margin-bottom:6px}.hero-text[data-astro-cid-vzekzoeg] h1[data-astro-cid-vzekzoeg]{font-size:28px;margin-bottom:4px}.hero-text[data-astro-cid-vzekzoeg] .lede[data-astro-cid-vzekzoeg]{font-size:14.5px;line-height:1.35}body:has(#gallon-calculator) .breadcrumbs{padding-block:4px;font-size:13px}}@media(max-width:759px){.formulas-grid[data-astro-cid-vzekzoeg]{grid-template-columns:1fr}.formula-span-2[data-astro-cid-vzekzoeg]{grid-column:span 1}.tools-grid[data-astro-cid-vzekzoeg]{grid-template-columns:1fr}.hero-text[data-astro-cid-vzekzoeg] h1[data-astro-cid-vzekzoeg]{font-size:28px}.hero-text[data-astro-cid-vzekzoeg] .lede[data-astro-cid-vzekzoeg]{font-size:14.5px;line-height:1.35}}
