.tm{--ink:#101827;--line:#d4dad0;--sage:#86aa79;padding:60px clamp(24px,5vw,80px) 48px;background:#fafaf8;color:var(--ink)}.tm *{box-sizing:border-box}.tm [hidden]{display:none!important}.tm p{margin:0}.tm-kicker{font-size:11px;font-weight:500;letter-spacing:.15em;line-height:1.7}.tm-head{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:end;margin:24px 0 34px}.tm h1{font-size:clamp(38px,4vw,58px);letter-spacing:-.055em;line-height:1.04;font-weight:800;margin:0}.tm-head>p{font-size:14px;line-height:1.85;max-width:530px}.tm-stage{border:1px solid var(--line);background:#f0f1eb}.tm-top{padding:16px 22px;display:flex;justify-content:space-between;align-items:center;gap:18px;background:#fafaf8;border-bottom:1px solid var(--line);font-size:11px}.tm-top>span{color:#505a55;font-size:10px}.tm-visual,.tm-pet-visual{height:540px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 45% 45%,#fff 0%,#f0f1eb 75%)}.tm-visual{touch-action:pan-y;cursor:ew-resize}.tm-model,.tm-pet-model,.tm-poster,.tm-pet-poster{position:absolute;inset:0;width:100%;height:100%}.tm-poster,.tm-pet-poster{object-fit:contain}.tm-model canvas,.tm-pet-model canvas{width:100%;height:100%;display:block}.tm-tool-label{position:absolute;transform:translate(-50%,-100%);padding:6px 10px;background:#fafaf8ed;border:1px solid #d4dad0;font-size:10px;white-space:nowrap;pointer-events:none}.tm-tool-label b{font-weight:500}.tm-tool-label small{display:block;font-size:9px;color:#505a55}.tm-tool-label:after{content:'';position:absolute;left:50%;top:100%;height:14px;border-left:1px solid #747f70}.tm-brush-label{background:#101827;color:#fafaf8;border-color:#101827}.tm-marker{position:absolute;transform:translate(-50%,-115%);font-size:10px;background:#fafaf8ed;border:1px solid #9bae8f;padding:6px 9px;white-space:nowrap;pointer-events:none}.tm-marker:after{content:'';position:absolute;left:50%;top:100%;height:17px;border-left:1px solid #648353}.tm-marker:before{content:'';position:absolute;left:calc(50% - 3px);top:calc(100% + 15px);width:6px;height:6px;border-radius:50%;background:#648353}.tm-marker[data-marker=tree]{transform:translate(-25%,-220%)}.tm-marker[data-marker=dust]{transform:translate(-5%,20%)}.tm-marker[data-marker=hair]{transform:translate(-80%,-210%)}.tm-marker[data-marker=infill]{transform:translate(-75%,30%)}.tm-loading{position:absolute;bottom:18px;left:20px;right:20px;padding:10px 14px;background:#fafaf8ed;font-size:12px;line-height:1.6}.tm-controls{padding:16px 22px;background:#fafaf8;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center}.tm-slider-row{display:flex;gap:16px;align-items:center}.tm-slider-row label{font-size:11px;white-space:nowrap}.tm input[type=range]{width:100%;height:44px;accent-color:#587548;min-width:70px;cursor:ew-resize}.tm-actions{display:flex;gap:8px;flex-wrap:wrap}.tm button{font:inherit;font-size:11px;min-height:46px;padding:12px 17px;border:1px solid #b6c3ad;background:transparent;color:#101827;cursor:pointer}.tm button:disabled{opacity:.5;cursor:default}.tm .tm-primary{background:#101827;color:#fafaf8;border-color:#101827;min-width:145px}.tm button[aria-pressed=true]{background:#e5edde;border-color:#718868}.tm :focus-visible{outline:3px solid #537443;outline-offset:4px}.tm-caption{font-size:12px;line-height:1.75;padding:0 22px 20px;background:#fafaf8;color:#505a55}.tm-results{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:25px 0;margin:0;list-style:none;border-bottom:1px solid var(--line)}.tm-results li{font-size:12px;font-weight:500;margin:0;display:flex;gap:12px;align-items:baseline}.tm-results span{color:#537443;font-size:10px}.tm-sequence{display:flex;gap:22px;padding-top:20px;color:#505a55;font-size:11px;line-height:1.8}.tm-sequence p{flex:1}.tm-sequence b{display:block;font-weight:500;color:#101827}.tm-pet{padding-top:64px}.tm-pet-head{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin-bottom:30px}.tm h2{font-size:clamp(32px,3.5vw,50px);letter-spacing:-.05em;line-height:1.07;margin:18px 0 0;font-weight:800}.tm-pet-head>p{font-size:14px;line-height:1.85}.tm-pet-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:16px 22px;border-bottom:1px solid var(--line);background:#fafaf8}.tm-pet-top>span{font-size:11px;color:#505a55;margin-left:auto}.tm-amber-dot{display:inline-block;width:8px;height:8px;background:#bd8b43;border-radius:50%;margin-right:7px}.tm-pet .tm-caption{padding-top:16px;border-top:1px solid var(--line)}.tm-qualification{font-size:11px;line-height:1.8;margin-top:16px!important;color:#505a55;max-width:920px}.tm-result-four{font-size:13px;font-weight:500;border-bottom:1px solid var(--line);padding:22px 0}.tm-result-four span{font-size:10px;color:#537443;margin-right:12px}.tm-bottom{display:flex;justify-content:space-between;gap:28px;padding-top:26px;align-items:flex-start}.tm-bottom p{font-size:12px;line-height:1.8;max-width:650px;color:#505a55}.tm-bottom a{font-size:12px;min-height:44px;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--ink);white-space:nowrap}
@media(max-width:1050px){.tm-controls{grid-template-columns:1fr;gap:10px}.tm-head{gap:35px}.tm-actions{justify-content:flex-end}.tm-pet-head{gap:35px}.tm-visual,.tm-pet-visual{height:460px}}
@media(max-width:650px){.tm{padding:38px 20px}.tm-head,.tm-pet-head{grid-template-columns:1fr;gap:22px;margin:20px 0 28px}.tm h1{font-size:39px}.tm-head>p,.tm-pet-head>p{font-size:13px;line-height:1.85}.tm-kicker{font-size:10px}.tm-top{padding:13px 14px;align-items:flex-start;gap:14px}.tm-top>span{max-width:110px;text-align:right}.tm-visual,.tm-pet-visual{height:345px}.tm-controls{padding:12px 14px;gap:9px}.tm-actions{justify-content:stretch;gap:6px}.tm button{font-size:10px;padding:10px 12px}.tm .tm-primary{min-width:110px;flex:1}.tm-slider-row{gap:12px}.tm-slider-row label{font-size:10px}.tm-caption{font-size:11px;padding:0 14px 16px}.tm-tool-label{font-size:9px;padding:5px 7px}.tm-tool-label small{font-size:8px}.tm-results{grid-template-columns:1fr;gap:15px;padding:22px 0}.tm-sequence{display:block;padding-top:18px}.tm-sequence p+p{margin-top:14px}.tm-pet{padding-top:45px}.tm h2{font-size:36px}.tm-pet-top{padding:12px 14px;gap:7px}.tm-pet-top>span{margin-left:0;flex-basis:100%;font-size:10px}.tm-bottom{display:block}.tm-bottom a{margin-top:18px;max-width:fit-content;font-size:11px;white-space:normal}.tm-bottom p{font-size:11px}.tm-marker{font-size:9px;white-space:normal;max-width:85px;padding:4px 6px}.tm-marker[data-marker=hair]{transform:translate(-90%,-190%)}.tm-marker[data-marker=tree]{transform:translate(0,-225%)}.tm-marker[data-marker=dust]{transform:translate(-10%,25%)}.tm-qualification{font-size:10px}.tm-result-four{font-size:12px}}
@media(prefers-reduced-motion:reduce){.tm *{animation:none!important;transition:none!important}}

.tm-marker b{font-weight:400}.tm-marker-number{display:none}.tm-reveal-legend{display:none;background:#fafaf8;padding:0 14px 16px;font-size:10px;line-height:1.7;color:#505a55}
@media(max-width:650px){.tm-marker b{display:none}.tm-marker-number{display:inline}.tm-marker{width:22px;height:22px;padding:2px;border-radius:50%;text-align:center;font-weight:500;white-space:nowrap}.tm-reveal-legend{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}}
@media(max-width:650px){.tm-tool-label[data-anchor=collector]{margin-top:-56px}.tm-tool-label[data-anchor=collector]:after{height:70px}}
.od-transition{font-size:clamp(20px,2.4vw,30px);line-height:1.4;letter-spacing:-.035em;max-width:900px;margin-bottom:42px!important}.od-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px 20px;background:#fafaf8;border-bottom:1px solid #d4dad0}.od-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.od-toolbar button{font-size:11px}.od-visual{height:580px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#fff,#f0f1eb)}.od-model,.od-poster{position:absolute;inset:0;width:100%;height:100%}.od-model canvas{display:block;width:100%;height:100%}.od-poster{object-fit:cover}.od-stage-title{position:absolute;left:24px;top:20px;display:grid;gap:7px;background:#fafaf8dd;padding:10px 14px}.od-stage-title span{font-size:9px;letter-spacing:.10em;color:#50684b}.od-stage-title b{font-size:15px;font-weight:500}.od-depth{position:absolute;left:20px;bottom:5%;display:grid;gap:10px;font-size:10px;pointer-events:none}.od-depth span{background:#fafaf8dc;border-left:2px solid #96a489;padding:5px 8px;max-width:160px}.od-residue-label{position:absolute;left:48%;bottom:19%;font-size:10px;padding:6px 10px;background:#fafaf8ed;border:1px solid #b79150}.od-residue-label:after{content:'';position:absolute;left:50%;height:28px;bottom:100%;border-left:1px solid #ae8542}.od-waves{position:absolute;left:40%;top:21%;width:23%;height:60px;pointer-events:none}.od-waves svg{width:100%;height:100%;fill:none;stroke:#a78a59;stroke-width:1.4;stroke-linecap:round}.od-penetration{position:absolute;right:6%;top:26%;font-size:10px;max-width:130px;background:#fafaf8e8;padding:10px;border-left:2px solid #8ba58b}.od-penetration i{display:block;font-style:normal;font-size:45px;line-height:1.5;color:#638270}.od-mechanism{display:grid;grid-template-columns:1fr 1fr;background:#fafaf8;border-top:1px solid #d4dad0}.od-mechanism>div{padding:18px 24px;border-top:3px solid transparent;color:#72796f}.od-mechanism>div+div{border-left:1px solid #d4dad0}.od-mechanism .is-active{border-top-color:#86aa79;color:#101827;background:#edf1e9}.od-mechanism span{font-size:9px;letter-spacing:.08em}.od-mechanism p{font-size:12px;line-height:1.7;margin-top:7px!important}.od-key{display:flex;justify-content:space-between;gap:20px;padding:16px 24px 7px;background:#fafaf8;font-size:10px;line-height:1.7}.od-key i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#bc8b3f;margin-right:7px}.od-timing,.od-status{background:#fafaf8;padding:0 24px 13px;font-size:10px;line-height:1.6;color:#586053}.od-status{font-size:11px;min-height:43px}.od-distinction{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:24px;font-size:12px;line-height:1.8;color:#505a55}.od-fallback{position:absolute;bottom:8px;right:12px;background:#fafaf8;padding:7px;font-size:10px}
@media(max-width:800px){.od-toolbar{align-items:stretch;flex-direction:column}.od-toolbar>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.od-toolbar button{padding:10px 8px;font-size:10px}.od-visual{height:480px}.od-stage-title{left:12px;top:12px;padding:7px 10px;max-width:90%}.od-stage-title b{font-size:12px}.od-depth{left:10px;bottom:4%;gap:5px;font-size:9px}.od-residue-label{left:50%;bottom:28%;font-size:9px}.od-key{display:block;padding:14px}.od-key>span{display:block;margin-bottom:6px}.od-mechanism>div{padding:12px}.od-mechanism p{font-size:11px}.od-mechanism span{font-size:8px}.od-penetration{right:8px;top:25%;font-size:9px;max-width:95px;padding:8px}.od-timing,.od-status{padding-left:14px;padding-right:14px}.od-distinction{grid-template-columns:1fr;gap:14px}.od-transition{font-size:23px}.od-waves{left:30%;top:27%;width:40%;height:40px}}
.od-depth{top:0;bottom:0;width:170px;display:block}.od-depth span{position:absolute;left:0}.od-depth span:nth-child(1){top:42%}.od-depth span:nth-child(2){top:70%}.od-depth span:nth-child(3){top:84%}.od-depth span:nth-child(4){top:94%}.od-action-label{position:absolute;left:45%;bottom:35%;padding:6px 9px;background:#fafaf8eb;border:1px solid #91a18a;font-size:10px}.od-action-label:after{content:'';position:absolute;left:50%;top:100%;height:24px;border-left:1px solid #91a18a}
@media(max-width:800px){.od-visual{height:360px}.od-depth{width:128px}.od-depth span{padding:3px 5px;max-width:128px;font-size:8px}.od-depth span:nth-child(1){top:43%}.od-depth span:nth-child(2){top:72%}.od-depth span:nth-child(3){top:84%}.od-depth span:nth-child(4){top:94%}.od-residue-label{bottom:20%;left:55%;font-size:8px}.od-action-label{left:48%;bottom:34%;font-size:8px;max-width:125px}.od-penetration{top:22%;max-width:85px;font-size:8px}.od-penetration i{font-size:27px}.od-waves{top:24%}}
.dw{padding-top:76px}.dw-toolbar{padding:16px 20px;display:flex;justify-content:space-between;gap:12px;background:#fafaf8;border-bottom:1px solid #d4dad0}.dw-toolbar>div{display:flex;gap:8px}.dw-visual{height:610px;position:relative;overflow:hidden;touch-action:pan-y;cursor:ew-resize;background:radial-gradient(ellipse at center,#fff,#f0f1eb)}.dw-model,.dw-fallback,.dw-fallback img{position:absolute;inset:0;width:100%;height:100%}.dw-fallback img{object-fit:cover}.dw-fallback img:last-child{clip-path:polygon(var(--split) 0,100% 0,100% 100%,var(--split) 100%)}.dw-model canvas{width:100%;height:100%;display:block}.dw-side{position:absolute;top:19px;max-width:40%;padding:8px 11px;font-size:9px;letter-spacing:.07em;background:#fafaf8ed;border:1px solid #cbd3c4;pointer-events:none}.dw-side-before{left:20px}.dw-side-after{right:20px}.dw-divider{position:absolute;left:var(--split);top:0;bottom:0;width:1px;background:#10182788;pointer-events:none}.dw-divider span{position:absolute;top:44%;transform:translate(-50%,-50%);width:38px;height:38px;display:grid;place-items:center;border:2px solid #fafaf8;border-radius:50%;background:#101827;color:white;font-size:18px}.dw-note{position:absolute;top:62px;left:50%;transform:translateX(-50%);background:#fafaf8e8;padding:9px 14px;display:grid;gap:5px;text-align:center;min-width:250px;pointer-events:none}.dw-note b{font-size:12px;font-weight:500}.dw-note span{font-size:9px;color:#5a6f6d}.dw-layer-labels{position:absolute;bottom:9%;left:20px;display:grid;gap:12px;font-size:9px;pointer-events:none}.dw-layer-labels span{padding:4px 8px;border-left:2px solid #a4b6b2;background:#fafaf8dc}.dw-slider{display:flex;align-items:center;gap:22px;padding:10px 22px;background:#fafaf8;border-top:1px solid #d4dad0}.dw-slider label{white-space:nowrap;font-size:11px}.dw-observations{display:grid;grid-template-columns:1fr 1fr;background:#fafaf8;border-top:1px solid #d4dad0}.dw-observations p{padding:16px 22px;font-size:11px;line-height:1.75}.dw-observations p+p{border-left:1px solid #d4dad0}.dw-observations b{display:block;font-size:12px;font-weight:500;margin-bottom:5px}.dw-caption,.dw-qualification{font-size:11px;line-height:1.75;background:#fafaf8;padding:0 22px 15px}.dw-qualification{font-size:10px;color:#55655c}.dw-failure{position:absolute;bottom:8px;right:12px;background:#fafaf8;padding:6px;font-size:10px;max-width:50%}.dw-limit{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;padding:34px;background:#eaf0e7;margin-top:28px;border-left:3px solid #86aa79}.dw-limit h3{font-size:clamp(27px,3vw,38px);line-height:1.1;letter-spacing:-.04em;margin:14px 0 0;font-weight:700}.dw-limit>div>p:not(.tm-kicker){font-size:13px;line-height:1.85}.dw-limit a{display:inline-flex;align-items:center;gap:20px;margin-top:18px;border-bottom:1px solid #101827;min-height:44px;font-size:12px;font-weight:500;text-decoration:none}.dw-limit a span{font-size:18px}
@media(max-width:800px){.dw{padding-top:54px}.dw-toolbar{flex-direction:column;padding:12px}.dw-toolbar>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.dw-toolbar>div:last-child{grid-template-columns:1fr auto}.dw-toolbar button{font-size:10px;padding:10px 8px}.dw-visual{height:390px}.dw-side{font-size:8px;padding:6px 8px;top:12px;max-width:46%;letter-spacing:0}.dw-side-before{left:8px}.dw-side-after{right:8px}.dw-note{top:51px;min-width:220px;padding:7px 10px}.dw-note b{font-size:10px}.dw-note span{font-size:8px}.dw-divider span{width:32px;height:32px;font-size:16px;top:49%}.dw-layer-labels{left:9px;bottom:6%;gap:5px;font-size:8px}.dw-layer-labels span{padding:3px 5px}.dw-slider{gap:8px;padding:8px 12px;display:block}.dw-slider label{font-size:10px}.dw-observations p{padding:12px;font-size:10px}.dw-observations b{font-size:11px}.dw-caption,.dw-qualification{padding-left:12px;padding-right:12px;font-size:10px}.dw-limit{grid-template-columns:1fr;gap:20px;padding:24px 20px}.dw-limit>div>p:not(.tm-kicker){font-size:12px}.dw-limit a{font-size:11px;line-height:1.7}}
.dw-layer-labels{top:0;bottom:0;display:block;width:170px}.dw-layer-labels span{position:absolute;left:0}.dw-layer-labels span:nth-child(1){top:60%}.dw-layer-labels span:nth-child(2){top:72%}.dw-layer-labels span:nth-child(3){top:83%}
@media(max-width:800px){.dw-layer-labels{width:135px}}
/* Drainage refinement only: retain the cutaway; keep conclusions out of it. */
.dw-stage{position:relative}.dw-note{top:142px;z-index:2}.dw-conclusions{display:grid;grid-template-columns:repeat(3,1fr);background:#eef2e9;border-top:2px solid #86aa79;border-bottom:1px solid #d4dad0}.dw-conclusions p{padding:18px 20px;font-size:11px;line-height:1.75}.dw-conclusions p+p{border-left:1px solid #d4dad0}.dw-conclusions b{display:block;font-size:12px;font-weight:500;margin-bottom:6px}.dw-conclusions span{display:block}.dw[data-water-phase=final] .dw-observations{display:none}.dw-layer-key{display:none}
@media(max-width:800px){.dw-note{position:static;transform:none;min-width:0;text-align:center;padding:11px 12px;background:#fafaf8;border-bottom:1px solid #d4dad0;gap:4px}.dw-note b{font-size:11px}.dw-note span{font-size:9px}.dw-layer-labels{display:none}.dw-layer-key{display:block;padding:9px 12px;background:#fafaf8;border-top:1px solid #d4dad0;font-size:9px;color:#53615a}.dw-conclusions{grid-template-columns:1fr}.dw-conclusions p{display:grid;grid-template-columns:88px 1fr;gap:12px;padding:13px 12px;font-size:11px}.dw-conclusions p+p{border-left:0;border-top:1px solid #d4dad0}.dw-conclusions b{font-size:11px;margin:0}.dw-conclusions span{font-size:11px}}

/* Final guide assembly: approved model compositions remain unchanged. */
.tm [id]{scroll-margin-top:110px}.guide-control-help{padding:0 22px 14px;background:#fafaf8;color:#505a55;font-size:11px;line-height:1.7}.dw[data-water-locked=true] .dw-visual{cursor:default}.dw[data-water-locked=true] .dw-divider span{visibility:hidden}.tm input:disabled{cursor:default;opacity:.65}.od-mechanism>div{color:#586053}
.guide-conversion{margin-top:64px;padding:42px;border:1px solid #d4dad0;background:#eef2e9;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.guide-conversion h2{font-size:clamp(30px,3vw,44px);margin-top:15px}.guide-conversion>div>p:not(.tm-kicker){font-size:14px;line-height:1.85}.guide-assessment{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:52px;padding:17px 20px;margin-top:24px;background:#101827;color:#fafaf8;font-size:12px;line-height:1.6;text-decoration:none}.guide-assessment:hover{background:#26332d}.guide-sales{display:flex;width:fit-content;align-items:center;gap:16px;min-height:44px;font-size:12px;text-decoration:underline;text-underline-offset:5px;margin-top:10px}.dw-limit a{min-height:44px;display:inline-flex;align-items:center}.guide-assessment:focus-visible,.guide-sales:focus-visible{outline:3px solid #537443;outline-offset:4px}
@media(max-width:800px){.guide-conversion{grid-template-columns:1fr;gap:24px;padding:25px 20px;margin-top:44px}.guide-conversion>div>p:not(.tm-kicker){font-size:13px}.guide-assessment{font-size:12px;padding:15px;gap:12px}.guide-sales{font-size:11px}.guide-control-help{font-size:10px;padding:0 14px 14px}}
/* Keep small translucent-overlay labels readable over the darkest model details. */
.od-stage-title span{color:#45573f}.dw-note span{color:#505a55}