/* Original shared illustration. Callouts remain HTML at every viewport size. */
.leak-story{--ls-cream:#f5edda;--ls-sage:#c6d7b0;--ls-loss:#efbf9c;--ls-lime:#ddebab;container-type:inline-size;position:relative;isolation:isolate;min-width:0;color:var(--ls-cream);background:#102f28;border:1px solid #49664d;border-radius:22px;box-shadow:0 24px 70px #102f281c;overflow:hidden;font-family:'Segoe UI',Arial,sans-serif}
.leak-story *{box-sizing:border-box}.leak-story [hidden]{display:none!important}
.ls-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 25px 13px}.ls-wordmark{font-size:10px;font-weight:700;letter-spacing:.12em;line-height:1.5;color:#e6e2c7}.ls-wordmark>span{font-weight:400;color:#aabca0;font-size:8px;letter-spacing:.08em;margin-left:10px}
.leak-story button{font-family:inherit;cursor:pointer}.leak-story :is(button,a,summary,[tabindex]):focus-visible{outline:3px solid #f5cd8d;outline-offset:4px}.ls-motion{display:flex;align-items:center;gap:10px;flex-shrink:0;min-height:44px;padding:8px 12px;border:1px solid #668164;border-radius:7px;background:#ffffff04;color:#e7e9d0;font-size:11px}.ls-motion:disabled{cursor:default;opacity:.75}.ls-motion span{font-size:12px;color:#cfddb1}
.ls-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:0 25px;border-bottom:1px solid #68836266}.ls-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:49px;padding:10px 8px 14px;border:0;border-bottom:2px solid transparent;background:none;color:#a7bea8;font-size:12px;line-height:1.3;text-align:center}.ls-tabs button>span{font-size:10px;color:#b9ba97}.ls-tabs button[aria-selected=true]{color:#f2efdb;border-color:#dcebaf}.ls-tabs button[aria-selected=true]>span{color:#ddedb5}.ls-tabs button:hover{color:#fff4d8}
.ls-visual{position:relative;background:radial-gradient(ellipse at 50% 45%,#52735628,transparent 65%);min-height:400px}.ls-scene{position:relative;width:65%;max-width:700px;margin:auto}.ls-art{display:block;width:100%;height:auto;overflow:visible}.ls-inlet{position:absolute;top:4.2%;left:0;width:100%;display:flex;justify-content:center;align-items:center;gap:8px;font-size:9px;font-weight:650;letter-spacing:.09em;color:#c1d1b3;white-space:nowrap}.ls-inlet>span{color:#e5d3a6}.ls-inlet>span:last-child{font-size:16px;margin-left:4px}.ls-scene-note{position:absolute;bottom:1%;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:.15em;color:#9cb194;white-space:nowrap}
.ls-callouts{list-style:none;margin:0;padding:0}.ls-callout{display:flex;align-items:flex-start;gap:12px;position:absolute;width:23%;max-width:250px;padding:16px 14px;border:1px solid #9b93713d;border-radius:9px;background:linear-gradient(125deg,#294b3c,#183b30);box-shadow:0 8px 25px #081f1926;transition:border-color .5s,background .5s}.ls-callout-one{left:2.5%;top:37%}.ls-callout-two{right:2.5%;top:39%}.ls-callout-three{left:2.5%;bottom:7%}.ls-number{display:grid;place-items:center;flex:none;width:25px;height:25px;border:1px solid #ccae87;border-radius:50%;color:#f4c8a4;font-size:10px;line-height:1}.leak-story .ls-callout h3{font-size:15px;color:#f4e8d3;line-height:1.2;font-weight:600;letter-spacing:-.015em;margin:3px 0 0}.leak-story .ls-callout p{font-size:11px;line-height:1.65;color:#c7d0ba;margin:8px 0 0}.ls-cause{display:none}.ls-fix{display:none}.ls-fix a{display:block;color:#e2efb2;font-size:12px;line-height:1.5;font-weight:650;text-underline-offset:3px}.ls-fix span{display:block;margin-top:5px}.leak-story[data-stage=leaks] .ls-cause{display:block}.leak-story[data-stage=leaks] .ls-callout{border-color:#bfa27a99}.leak-story[data-stage=fixes] .ls-fix{display:block}.leak-story[data-stage=fixes] .ls-number{background:#dcebb0;color:#234b35;border-color:#dcebb0}.leak-story[data-stage=fixes] .ls-callout{border-color:#a9bf80aa;background:linear-gradient(125deg,#35523d,#193c30)}
.ls-caption{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:35px;padding:26px 30px;background:#f1f0e4;color:#173f34;min-height:210px}.ls-caption [role=tabpanel]{max-width:660px}.ls-chapter{display:block;font-size:9px;line-height:1.5;letter-spacing:.14em;color:#657255;font-weight:700;margin-bottom:10px}.leak-story .ls-caption h2{font-size:clamp(27px,3.6vw,42px);font-size:clamp(27px,4cqw,42px);letter-spacing:-.045em;line-height:1.03;color:#173f34;margin:0;font-weight:600}.leak-story .ls-caption h2 em{font-family:Georgia,serif;color:#62744d;font-weight:400}.leak-story .ls-caption p{font-size:13px;line-height:1.7;color:#52634e;max-width:590px;margin:14px 0 0}.ls-next{display:flex;align-items:center;justify-content:space-between;gap:18px;flex:none;padding:12px 15px;min-height:48px;max-width:220px;text-align:left;border:1px solid #aabb95;border-radius:7px;background:#e2e7ce;font-size:12px;line-height:1.35;color:#244d37}.ls-next:hover{background:#d5e1ba}.ls-next span{font-size:19px}
.leak-story .ls-disclaimer{margin:0;padding:14px 30px 10px;color:#bbcbb1;font-size:10px;line-height:1.65}.ls-transcript{margin:0 30px 18px;color:#bfcfb2;font-size:11px}.ls-transcript summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px;min-height:32px;line-height:2}.ls-transcript ol{padding-left:18px;line-height:1.8}.ls-transcript li{margin-bottom:10px}.ls-nojs{padding:0 30px;color:#c6d7b0;font-size:12px}
.ls-in{animation:ls-arrive 4.8s cubic-bezier(.3,.1,.6,.9) infinite;transform-box:fill-box;transform-origin:center}.ls-in-two{animation-delay:-1.2s}.ls-in-three{animation-delay:-2.4s}.ls-in-four{animation-delay:-3.6s}.ls-flow{animation:ls-current 5s linear infinite}.ls-escape{offset-path:var(--escape);offset-rotate:0deg;animation:ls-escape 5.5s cubic-bezier(.25,.1,.5,.9) infinite;transform-box:view-box}.ls-escape-two{animation-delay:-1.8s}.ls-escape-three{animation-delay:-3.4s}.ls-escape-four{animation-delay:-4.4s}.ls-escape-five{animation-delay:-2.8s}.ls-escape>g{stroke:none}.ls-water{transform:translateY(112px);transition:transform 1.8s cubic-bezier(.2,.7,.2,1)}.ls-ripple{animation:ls-ripple 4.8s ease-out infinite;transform-box:fill-box;transform-origin:center}.ls-losses,.ls-hole{opacity:1;transition:opacity .7s}.ls-seal{opacity:0;transform:scale(.7);transform-box:fill-box;transform-origin:center;transition:opacity .5s,transform .7s cubic-bezier(.2,.7,.2,1)}.ls-retained{opacity:0;transition:opacity 1s}.leak-story[data-stage=fixes] .ls-seal{opacity:1;transform:scale(1)}.leak-story[data-stage=fixes] :is(.ls-losses,.ls-hole){opacity:0}.leak-story[data-stage=fixes] .ls-water{transform:translateY(0)}.leak-story[data-stage=fixes] .ls-retained{opacity:1}.leak-story[data-motion=paused] *{animation-play-state:paused!important;transition-duration:0s!important}
@keyframes ls-arrive{0%{transform:translateY(-32px) rotate(-7deg);opacity:0}15%{opacity:1}80%{opacity:1}100%{transform:translateY(138px) rotate(5deg);opacity:0}}
@keyframes ls-escape{0%{offset-distance:0%;opacity:0;transform:scale(.42)}15%{opacity:1}70%{opacity:1}100%{offset-distance:100%;opacity:0;transform:scale(.9)}}
@keyframes ls-current{to{stroke-dashoffset:-104}}
@keyframes ls-ripple{0%{transform:scale(.35);opacity:0}30%{opacity:.6}100%{transform:scale(1.7);opacity:0}}
@container(max-width:720px){.ls-toolbar{padding:13px 16px 8px;gap:8px}.ls-wordmark{font-size:9px}.ls-wordmark>span{display:none}.ls-motion{font-size:10px;padding:7px 10px}.ls-tabs{margin:0 15px;gap:2px}.ls-tabs button{font-size:11px;gap:5px;padding:10px 4px;min-height:52px}.ls-tabs button>span{font-size:9px}.ls-visual{min-height:0;padding-bottom:15px}.ls-scene{width:100%;max-width:500px}.ls-inlet{font-size:8px}.ls-callouts{display:grid;gap:7px;margin:9px 16px 0}.ls-callout{position:static;width:100%;max-width:none;padding:11px 13px;gap:11px}.ls-callout>div{flex:1;min-width:0}.leak-story .ls-callout h3{font-size:14px;margin:2px 0}.leak-story .ls-callout p{font-size:12px;margin-top:5px}.ls-cause br{display:none}.ls-fix a{font-size:12px}.ls-number{width:24px;height:24px;font-size:10px}.ls-caption{padding:22px 21px;gap:20px;flex-direction:column;align-items:stretch;min-height:0}.leak-story .ls-caption h2{font-size:32px}.leak-story .ls-caption p{font-size:12px;margin-top:12px}.ls-next{max-width:none;width:100%;font-size:12px}.leak-story .ls-disclaimer{padding:14px 21px 7px;font-size:10px}.ls-transcript{margin:0 21px 15px}.ls-scene-note{font-size:7px}}
@container(max-width:330px){.ls-toolbar{padding-inline:11px}.ls-tabs{margin-inline:10px}.ls-tabs button{font-size:10px;gap:3px}.ls-tabs button>span{display:none}.ls-inlet{font-size:7px;gap:5px}.ls-callouts{margin-inline:11px}.ls-caption{padding:20px 17px}.leak-story .ls-caption h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.leak-story *{animation:none!important;transition:none!important}.ls-in{opacity:1}.ls-escape{animation:none;opacity:1;offset-distance:62%;transform:scale(.75)}.ls-escape-three{offset-distance:45%}.ls-escape-four,.ls-escape-five{display:none}.ls-transcript{font-size:12px}}
@media print{.ls-motion,.ls-tabs,.ls-next{display:none!important}.leak-story *{animation:none!important;transition:none!important}.ls-transcript{display:block}.ls-transcript>ol{display:block!important}.ls-callout{break-inside:avoid}}
/* Keep site-wide details/summary rules out of the compact story controls. */
.ls-scene{max-width:620px}.ls-transcript summary{padding:0;font:400 11px/2 'Segoe UI',Arial,sans-serif;min-height:32px;color:#bfcfb2;background:none;border:0}.ls-transcript summary:after{content:none}.ls-transcript[open] summary{margin-bottom:8px}.ls-caption{min-height:175px}.ls-caption [role=tabpanel]{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:10px 25px;max-width:940px;flex:1}.ls-caption .ls-chapter{grid-column:1/-1;margin:0}.leak-story .ls-caption h2{font-size:34px}.leak-story .ls-caption p{margin:0;font-size:12px}.leak-story:not([data-enhanced]) .ls-tabs{display:none}.hero-grid:has(>.leak-story){align-items:start}
@container(max-width:720px){.ls-scene{max-width:460px}.ls-caption [role=tabpanel]{display:block}.ls-caption .ls-chapter{margin-bottom:10px}.leak-story .ls-caption h2{font-size:31px}.leak-story .ls-caption p{margin-top:12px}}
/* Attach each readable name to its actual numbered hole, including on phones. */
.ls-hole-tag{position:absolute;z-index:2;padding:5px 7px;border:1px solid #c69e77;border-radius:5px;background:#16392f;color:#f7dfbc;font:600 12px/1.2 'Segoe UI',Arial,sans-serif;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #061e1877}.ls-hole-tag-1{left:27%;top:53%;transform:translate(-100%,-100%)}.ls-hole-tag-2{left:72%;top:55%;transform:translateY(-100%)}.ls-hole-tag-3{left:45%;top:85.5%;transform:translateX(-100%)}.ls-tag-fixed{display:none}.leak-story[data-stage=fixes] .ls-hole-tag{border-color:#c7dfa0;color:#e1efb5;background:#1e4434}.leak-story[data-stage=fixes] .ls-tag-leak{display:none}.leak-story[data-stage=fixes] .ls-tag-fixed{display:inline}
.ls-cash{animation-name:ls-cash-out;animation-duration:4.5s;animation-timing-function:linear}.ls-cash>g{transform:scale(1.15);transform-origin:0 0}@keyframes ls-cash-out{0%{offset-distance:0%;opacity:.25;transform:scale(.65)}12%{opacity:1;transform:scale(.8)}85%{opacity:1;transform:scale(1)}100%{offset-distance:100%;opacity:0;transform:scale(1.05)}}
@container(max-width:720px){.ls-hole-tag{font-size:11px;padding:4px 5px}}
@media(prefers-reduced-motion:reduce){.ls-cash{display:none}.ls-cash[data-static-bill]{display:block;offset-distance:62%;opacity:1;transform:scale(.8)}}