@font-face{font-family:Inter;src:url(assets/inter-latin-ext-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF,U+AB30-AB6F}@font-face{font-family:Inter;src:url(assets/inter-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg-page:#f0f0f0;--surface-card:#fff;--surface-nested:#f0f0f0;--state-hover:#e8e8e8;--state-selected:#e0e0e0;--border-subtle:#d9d9d9;--border-control:#cecece;--accent-solid:#202020;--accent-contrast:#fff;--link:#0d74ce;--text-main:#202020;--text-muted:#646464;--text-faint:#838383;--green-bg:#e6f6eb;--green-ink:#193b2d;--amber-bg:#fff7c2;--amber-ink:#4f3422;--surface-claude:#e6f4fe;--r-outer:19px;--r-inner:10px;--r-chip:8px;--h-control:40px;--gap:24px;--pad-card:20px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:32px;--s8:40px;--s9:48px;--s10:64px;--page-width:1200px;--font-main:15px;--font-small:13px;--font-tag:12px;--font-body:16px;--font-lead:19px;--font-title:clamp(36px,4.6vw,60px);--font-h2:clamp(25px,2.8vw,34px);--font-h3:24px;--font-h4:17px;--font-price:26px;--line:1.55;--line-title:1.07;--line-heading:1.2;--weight-medium:550;--weight-strong:650;--measure:68ch;--part-img-h:170px;--photo-h:340px;--mini-img:80px;--rule:1px;--rule-active:2px;--motion:240ms;--selection-offset:100px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--selection-offset)}body{margin:0;background:var(--bg-page);color:var(--text-main);font:var(--font-main)/var(--line) Inter,system-ui,sans-serif}a{color:var(--link);text-underline-offset:3px}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:var(--rule-active) solid var(--link);outline-offset:var(--s1)}[hidden]{display:none!important}img{max-width:100%;display:block}p{margin:0 0 var(--s4)}h1,h2,h3,h4,h5{font-weight:var(--weight-strong);letter-spacing:-.025em;margin:0 0 var(--s4);line-height:var(--line-heading)}h1{font-size:var(--font-title);line-height:var(--line-title);letter-spacing:-.045em}h2{font-size:var(--font-h2)}h3{font-size:var(--font-h3)}h4{font-size:var(--font-h4)}h5{font-size:var(--font-body);margin-bottom:var(--s2)}strong,b{font-weight:var(--weight-strong)}.topbar{max-width:var(--page-width);padding:var(--s5) var(--s6);margin:auto;display:flex;justify-content:space-between;gap:var(--s4);color:var(--text-muted);font-size:var(--font-small)}.topbar a{color:var(--text-main);text-decoration:none;font-weight:var(--weight-medium)}.page{max-width:var(--page-width);margin:auto;padding:0 var(--s6)}.page-heading{padding:var(--s9) 0 var(--s7)}.eyebrow{font-size:var(--font-tag);font-weight:var(--weight-strong);letter-spacing:.09em;color:var(--text-muted);margin-bottom:var(--s4)}.lead{max-width:var(--measure);font-size:var(--font-lead);color:var(--text-muted);margin:var(--s6) 0 0}nav{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:var(--s2);padding:var(--s3) 0;background:var(--bg-page);border-bottom:var(--rule) solid var(--border-subtle)}nav a{padding:var(--s2) var(--s3);font-size:var(--font-small);text-decoration:none;color:var(--text-main);border-radius:var(--r-chip);font-weight:var(--weight-medium)}nav a:hover{background:var(--state-hover)}.section{padding-top:var(--s10)}.principle{display:grid;grid-template-columns:1.12fr 1fr;gap:var(--s9);align-items:start}.principle>div:first-child{padding-top:var(--s6)}.principle>div>p:not(.eyebrow){font-size:var(--font-body)}.card{background:var(--surface-card);border-radius:var(--r-outer);padding:var(--s6)}.recommendation{margin-top:var(--s7)}.recommendation .tag{margin-bottom:var(--s4)}.recommendation h3{font-size:var(--font-lead)}.recommendation a{font-size:var(--font-small);font-weight:var(--weight-medium)}.recommendation .small{margin:var(--s4) 0 0}.tag{font-size:var(--font-tag);font-weight:var(--weight-medium);line-height:1.4;display:inline-block;border-radius:var(--r-chip);padding:var(--s1) var(--s2);width:fit-content}.green{background:var(--green-bg);color:var(--green-ink)}.amber{background:var(--amber-bg);color:var(--amber-ink)}.neutral{background:var(--surface-nested);color:var(--text-muted)}.diagram-title{display:flex;justify-content:space-between;gap:var(--s4)}.diagram-title span,.small,.source-note,figcaption{color:var(--text-muted);font-size:var(--font-small)}.diagram{width:100%;max-height:510px;display:block;margin:var(--s2) auto}.diagram text{font-family:inherit;font-size:14px;fill:var(--text-main);font-weight:var(--weight-medium)}.diagram .svg-small{font-size:12px;fill:var(--text-muted);font-weight:400}.wall,.floor{stroke:var(--border-control);fill:var(--surface-nested);stroke-width:3}.pipe-fill{fill:var(--surface-claude)}.pipe-edge,.box-edge{fill:none;stroke:var(--text-muted);stroke-width:3;stroke-linejoin:round}.fixed{fill:none;stroke:var(--text-main);stroke-width:6}.door{stroke:var(--text-main);stroke-width:7;stroke-linecap:round}.hinge{fill:var(--text-main)}.leader{fill:none;stroke:var(--text-faint);stroke-width:1.2}.flow{fill:none;stroke:var(--link);stroke-width:2.5;stroke-dasharray:5 6}.arrow-fill{fill:var(--link)}.box-fill{fill:var(--surface-nested)}.laundry{fill:var(--surface-claude);stroke:var(--link);stroke-width:2}.upper-door{transform-origin:171px 184px;transition:transform var(--motion)}.upper-door.is-open{transform:rotate(-72deg)}.lower-door{fill:var(--surface-card);stroke:var(--text-main);stroke-width:3;stroke-linejoin:round}.diagram-controls{display:flex;gap:var(--s2);flex-wrap:wrap}.diagram-controls button{flex:1;min-height:var(--h-control);background:var(--surface-nested);border:0;border-radius:var(--r-chip);font-size:var(--font-small);padding:var(--s2)}.diagram-controls button:hover{background:var(--state-hover)}.caption{margin:var(--s3) 0 0;line-height:1.4}.section-heading{display:flex;align-items:end;gap:var(--s7);justify-content:space-between;margin-bottom:var(--s6)}.section-heading>div{max-width:66%}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:32%;margin:0;color:var(--text-muted);font-size:var(--font-small)}.choice-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4)}.choice{display:flex;flex-direction:column;text-align:left;border:var(--rule-active) solid transparent;border-radius:var(--r-outer);padding:var(--s5);background:var(--surface-card);gap:var(--s2);line-height:var(--line)}.choice:hover{border-color:var(--border-control)}.choice.active{border-color:var(--accent-solid)}.choice>.tag{margin-bottom:var(--s3)}.choice>strong{font-size:var(--font-lead);line-height:var(--line-heading)}.choice>span:not(.tag){font-size:var(--font-small);color:var(--text-muted);min-height:calc(var(--font-small)*3)}.choice>b{font-size:var(--font-lead);margin-top:auto}.choice>small{font-size:var(--font-tag);color:var(--text-muted)}.option-detail{padding:var(--s7);background:var(--surface-card);border-radius:var(--r-outer);margin-top:var(--s4)}.detail-intro{display:grid;grid-template-columns:1.7fr 1fr;gap:var(--s8);margin-bottom:var(--s7)}.detail-intro .tag{margin-bottom:var(--s4)}.detail-intro p:last-child{margin-bottom:0}.price-summary{padding:var(--s5);background:var(--surface-nested);border-radius:var(--r-inner);align-self:start}.price-summary>span{font-size:var(--font-small);color:var(--text-muted)}.price-summary>strong{display:block;font-size:var(--font-price);line-height:1.2;margin:var(--s2) 0 var(--s3);letter-spacing:-.04em}.price-summary p{font-size:var(--font-small);color:var(--text-muted)}.parts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5)}.part{min-width:0}.part-image{display:flex;align-items:center;justify-content:center;height:var(--part-img-h);border:var(--rule) solid var(--border-subtle);border-radius:var(--r-inner);padding:var(--s5);margin-bottom:var(--s4)}.part-image img{width:100%;height:100%;object-fit:contain}.part-role{display:block;font-size:var(--font-tag);color:var(--text-muted);margin-bottom:var(--s2)}.part p{font-size:var(--font-small);color:var(--text-muted)}.product-link{font-weight:var(--weight-medium);text-decoration:none}.product-link:hover{text-decoration:underline}.nested{background:var(--surface-nested);padding:var(--s5);border-radius:var(--r-inner);margin-top:var(--s6);font-size:var(--font-small)}details{border-bottom:var(--rule) solid var(--border-subtle)}summary{cursor:pointer;list-style:none;font-weight:var(--weight-medium);padding:var(--s5) var(--s7) var(--s5) 0;position:relative}summary::-webkit-details-marker{display:none}summary::after{content:"+";position:absolute;right:var(--s2);top:var(--s5);color:var(--text-muted)}details[open]>summary::after{content:"−"}.details-body{padding:0 0 var(--s5)}.details-body p:last-child{margin-bottom:0}.compact-products{display:grid;grid-template-columns:var(--mini-img) 1fr var(--mini-img) 1fr;gap:var(--s4);margin:var(--s2) 0 var(--s5);align-items:start}.compact-products img{height:var(--mini-img);object-fit:contain;width:100%}.compact-products p{font-size:var(--font-small)}.source-note{margin:var(--s4) 0 0}.photo-and-copy{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--s8);align-items:start}figure{margin:0}.product-photo{width:100%;height:var(--photo-h);object-fit:contain;border-radius:var(--r-inner);border:var(--rule) solid var(--border-subtle);padding:var(--s4)}.product-photo.installation{object-fit:cover;padding:0;object-position:center 44%}figcaption{margin-top:var(--s3)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--h-control);border-radius:var(--r-chip);padding:var(--s2) var(--s4);text-decoration:none;font-size:var(--font-small);font-weight:var(--weight-medium);background:var(--accent-solid);color:var(--accent-contrast)}ul{padding-left:var(--s5)}li{margin-bottom:var(--s2)}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5)}dl{margin:var(--s6) 0;border-top:var(--rule) solid var(--border-subtle)}dl>div{display:flex;justify-content:space-between;gap:var(--s4);border-bottom:var(--rule) solid var(--border-subtle);padding:var(--s3) 0;font-size:var(--font-small)}dt{color:var(--text-muted)}dd{margin:0;text-align:right;font-weight:var(--weight-medium)}.lower-product{display:grid;grid-template-columns:120px 1fr;gap:var(--s5);align-items:start}.lower-product>img{width:100%;max-height:280px;object-fit:contain}.lower-product h3{font-size:var(--font-lead)}.lower-product .product-link{display:block;margin-bottom:var(--s4)}.budget-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--s5);align-items:start}table{width:100%;border-collapse:collapse;font-size:var(--font-small);margin-bottom:var(--s4)}caption{text-align:left;color:var(--text-muted);margin-bottom:var(--s4)}thead th{text-align:left;padding-bottom:var(--s3);font-weight:var(--weight-medium);color:var(--text-muted)}th:last-child,td{text-align:right}tbody th,tbody td{border-top:var(--rule) solid var(--border-subtle);padding:var(--s4) 0;vertical-align:top}tbody th{text-align:left;font-weight:var(--weight-medium);padding-right:var(--s4)}tbody small{display:block;color:var(--text-muted);font-size:var(--font-tag);font-weight:400;margin-top:var(--s1)}td{white-space:nowrap;font-variant-numeric:tabular-nums}tfoot th,tfoot td{padding:var(--s5) 0;border-top:var(--rule-active) solid var(--accent-solid);font-weight:var(--weight-strong);font-size:var(--font-body)}tfoot th{text-align:left;padding-right:var(--s3)}.card>p:last-child{margin-bottom:0}.revision{display:grid;grid-template-columns:150px 1fr;gap:var(--s6)}.revision img{width:100%;max-height:180px;object-fit:contain;border-radius:var(--r-inner)}footer{padding:var(--s7) 0 var(--s9);display:flex;align-items:start;gap:var(--s7);justify-content:space-between;color:var(--text-muted);font-size:var(--font-tag)}footer p{max-width:85ch}footer a{white-space:nowrap;color:var(--text-muted)}
@media(max-width:1000px){.principle{gap:var(--s6)}.choice-tabs{gap:var(--s3)}.choice{padding:var(--s4)}.choice>strong,.choice>b{font-size:var(--font-h4)}.option-detail{padding:var(--s6)}.lower-product{grid-template-columns:85px 1fr}.budget-layout{grid-template-columns:1fr}.detail-intro,.photo-and-copy{gap:var(--s6)}}
@media(max-width:700px){:root{--selection-offset:120px;--part-img-h:140px;--photo-h:300px}.topbar{padding:var(--s4);font-size:var(--font-tag);gap:var(--s2)}.page{padding:0 var(--s4)}.page-heading{padding-top:var(--s7)}.lead{font-size:var(--font-h4)}nav{gap:0;padding:var(--s2) 0}nav a{padding:var(--s2);font-size:var(--font-tag)}.section{padding-top:var(--s8)}.principle{grid-template-columns:1fr;gap:var(--s6)}.principle>div:first-child{padding-top:0}.diagram-card{max-width:500px;width:100%;margin:auto}.section-heading{display:block}.section-heading>div,.section-heading>p{max-width:none}.section-heading>p{margin-top:var(--s3)}.choice-tabs{grid-template-columns:1fr;gap:var(--s2)}.choice{display:grid;grid-template-columns:1fr auto;gap:var(--s1) var(--s3);padding:var(--s4)}.choice>.tag{grid-column:1/-1;margin:0 0 var(--s2)}.choice>strong{grid-column:1}.choice>span:not(.tag){min-height:0;grid-column:1/-1;grid-row:3}.choice>b{grid-column:2;grid-row:2;white-space:nowrap;font-size:var(--font-small);align-self:start;line-height:1.4}.choice>small{grid-column:1/-1;font-size:var(--font-tag)}.detail-intro,.photo-and-copy,.two-columns{grid-template-columns:1fr;gap:var(--s5)}.option-detail{padding:var(--s5)}.price-summary>strong{font-size:var(--font-h3)}.parts-grid{grid-template-columns:1fr;gap:var(--s6)}.part{display:grid;grid-template-columns:90px 1fr;gap:var(--s4)}.part-image{height:110px;padding:var(--s2);margin:0}.part p{margin-bottom:var(--s2)}.compact-products{grid-template-columns:60px 1fr}.compact-products img{height:60px}.lower-product{grid-template-columns:70px 1fr}.card{padding:var(--s5)}tfoot th,tfoot td{font-size:var(--font-main)}.revision{grid-template-columns:1fr}.revision img{width:120px}footer{display:block}footer a{display:inline-block;margin-top:var(--s2)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}