.article-page{--article-line:color-mix(in srgb, var(--color-stone) 24%, transparent);background:var(--color-cream)}.article-page :is(a,summary):focus-visible{outline:2px solid var(--color-safety);outline-offset:5px}.article-shell{width:min(100% - 3rem,1160px);margin-inline:auto}.article-header{padding-block:2.5rem 2rem}.article-topline{margin-bottom:1.5rem}.article-topline ol{flex-wrap:wrap;align-items:center;gap:.25rem .65rem;margin:0;padding:0;list-style:none;display:flex}.article-topline li{align-items:center;gap:.65rem;display:inline-flex}.article-topline li>svg{color:var(--color-stone);flex-shrink:0}.article-back{color:var(--color-stone);align-items:center;gap:.5rem;font-size:.8rem;display:inline-flex}.article-back:hover{color:var(--color-safety)}.article-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:.64rem;line-height:1.5}.article-category{color:var(--color-safety);align-items:center;gap:.55rem;display:inline-flex}.article-category:hover{color:var(--color-ink)}.article-title{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;max-width:1000px;font-size:clamp(2.65rem,6vw,4.8rem);font-weight:600;line-height:1.04}.article-deck{max-width:750px;color:var(--color-stone);margin-top:1.1rem;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.65}.article-byline{border-top:1px solid var(--article-line);color:var(--color-stone);flex-wrap:wrap;align-items:center;gap:.55rem 1.4rem;margin-top:1.8rem;padding-top:1.15rem;font-size:.7rem;display:flex}.article-author{color:var(--color-ink);font-weight:700}.article-author a:hover{color:var(--color-safety);text-underline-offset:.19em;text-decoration:underline}.article-time{align-items:center;gap:.4rem;margin-left:auto;display:inline-flex}.article-hero{aspect-ratio:2.25;background:var(--color-bone);overflow:hidden}.article-hero img{object-fit:cover}.article-layout{grid-template-columns:210px minmax(0,700px);align-items:start;gap:clamp(2rem,6vw,5.75rem);padding-block:3.5rem 4.5rem;display:grid}.article-rail{padding-top:.3rem;position:sticky;top:7.5rem}.article-rail>.article-eyebrow{color:var(--color-stone);margin-bottom:1.25rem;display:block}.article-toc{margin:0;padding:0;list-style:none}.article-toc li+li{margin-top:.1rem}.article-toc a{color:var(--color-stone);align-items:baseline;gap:.8rem;padding-block:.65rem;font-size:.8125rem;line-height:1.45;display:flex}.article-toc a span{font-family:var(--font-mono);color:var(--color-safety);font-size:.61rem}.article-toc a:hover{color:var(--color-ink)}.article-rail-footer{border-top:1px solid var(--article-line);color:var(--color-stone);align-items:center;gap:.45rem;margin-top:1.25rem;padding-top:1.15rem;font-size:.72rem;display:flex}.article-mobile-contents{display:none}.article-reading{min-width:0;font-size:1.0625rem;line-height:1.75}.article-introduction>p+p,.article-section-copy>*+*{margin-top:1.2rem}.article-introduction>p:first-child{letter-spacing:-.015em;font-size:1.2rem;line-height:1.65}.article-reading strong{font-weight:700}.article-section-copy a,.article-introduction a{color:var(--color-safety);text-underline-offset:.19em;text-decoration:underline;text-decoration-thickness:1px}.article-section-copy a:hover,.article-introduction a:hover{color:var(--color-ink)}.article-takeaway{border-left:3px solid var(--color-safety);background:color-mix(in srgb, var(--color-bone) 62%, transparent);margin-block:2rem 2.75rem;padding:1rem 1.4rem}.article-takeaway .article-eyebrow{color:var(--color-safety-hover);margin-bottom:.45rem;display:block}.article-takeaway p{font-size:1rem;font-weight:500;line-height:1.65}.article-section{margin-block:2.75rem}.article-section-heading{border-top:1px solid var(--article-line);align-items:baseline;gap:1rem;margin-bottom:1.35rem;padding-top:1.5rem;display:flex}.article-section-number{font-family:var(--font-mono);color:var(--color-safety);flex-shrink:0;font-size:.72rem}.article-section h2{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;font-size:clamp(1.75rem,2.5vw,2.2rem);font-weight:600;line-height:1.12}.article-bullet-list,.article-numbered-list{padding-left:1.3rem}.article-bullet-list{list-style:outside}.article-numbered-list{list-style:decimal}.article-bullet-list li,.article-numbered-list li{padding-left:.25rem}.article-bullet-list li+li,.article-numbered-list li+li{margin-top:.8rem}.article-bullet-list li::marker{color:var(--color-safety)}.article-numbered-list li::marker{color:var(--color-safety)}.article-visual-slot,.article-image-slot{margin-block:3rem}.article-checklist{background:var(--color-charcoal);color:var(--color-cream);margin-top:3rem;padding:1.75rem 2rem 2rem}.article-checklist-top{border-bottom:1px solid #ffffff26;margin-bottom:1.3rem;padding-bottom:1.25rem}.article-checklist .article-eyebrow{color:#d8b39d}.article-checklist h2{font-family:var(--font-display);margin-top:.6rem;font-size:2rem;font-weight:600;line-height:1.15}.article-checklist ul{padding:0;list-style:none}.article-checklist li{align-items:flex-start;gap:.8rem;font-size:.95rem;line-height:1.65;display:flex}.article-checklist li+li{margin-top:.85rem}.article-checklist svg{color:#e1ac84;flex-shrink:0;margin-top:.22rem}.article-sources{border-top:1px solid var(--article-line);color:var(--color-stone);margin-top:2.5rem;padding-top:1rem}.article-sources summary{cursor:pointer;min-height:2rem;font-size:.875rem;font-weight:500}.article-sources ol{margin-top:1rem;padding-left:1.1rem;font-size:.8125rem;line-height:1.6;list-style:decimal}.article-sources li+li{margin-top:.5rem}.article-sources a:hover{color:var(--color-safety)}.article-next{background:var(--color-bone);padding-block:3rem 4rem}.article-next-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.75rem;display:flex}.article-next-heading h2{font-family:var(--font-display);margin-top:.5rem;font-size:2.3rem;font-weight:600;line-height:1.1}.article-next-heading>a{align-items:center;gap:.5rem;padding-bottom:.2rem;font-size:.75rem;display:inline-flex}.article-next-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:2rem;display:grid}.article-next-card{display:block}.article-next-image{aspect-ratio:1.8;background:var(--color-cream);overflow:hidden}.article-next-image img{object-fit:cover}.article-next-image>span{transition:transform .5s var(--ease-out-display)}@media (hover:hover) and (pointer:fine){.article-next-card:hover .article-next-image>span{transform:scale(1.025)}}.article-next-card .article-eyebrow{color:var(--color-stone);margin-top:1.05rem;display:block}.article-next-card h3{font-family:var(--font-display);max-width:30ch;margin-top:.5rem;font-size:1.8rem;font-weight:600;line-height:1.15}@media (hover:hover) and (pointer:fine){.article-next-card:hover h3{color:var(--color-safety)}}.article-next-card:is(:focus-visible,:active) h3{color:var(--color-safety)}.article-next-card p{color:var(--color-stone);max-width:50ch;margin-top:.65rem;font-size:.85rem;line-height:1.65}.article-next-card-footer{border-top:1px solid var(--article-line);color:var(--color-stone);justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.8rem;font-size:.7rem;display:flex}@media (max-width:900px){.article-layout{max-width:700px;padding-top:1.5rem;display:block}.article-rail{display:none}.article-mobile-contents{border-top:1px solid var(--article-line);border-bottom:1px solid var(--article-line);margin-bottom:1.5rem;padding-block:.8rem;display:block}.article-mobile-contents summary{cursor:pointer;font-size:.875rem;font-weight:600}.article-mobile-contents .article-toc{margin-top:.75rem}.article-hero{aspect-ratio:1.9}.article-time{margin-left:0}}@media (max-width:540px){.article-shell{width:calc(100% - 2.5rem)}.article-header{padding-top:1.15rem;padding-bottom:1.25rem}.article-topline{margin-bottom:1.1rem}.article-back{min-height:1.75rem;font-size:.75rem}.article-category{letter-spacing:.065em;font-size:.625rem}.article-title{letter-spacing:-.01em;font-size:clamp(2.4rem,10.5vw,3rem);line-height:1.05}.article-deck{margin-top:.85rem;font-size:1rem;line-height:1.6}.article-byline{gap:.45rem .9rem;margin-top:1rem;padding-top:.85rem;font-size:.6875rem}.article-author{width:100%;font-weight:600}.article-time{margin-left:auto}.article-hero{aspect-ratio:1.8}.article-layout{padding-top:1.15rem;padding-bottom:2.25rem}.article-reading{font-size:1rem;line-height:1.7}.article-introduction>p:first-child{letter-spacing:0;font-size:1.0625rem;line-height:1.7}.article-introduction>p+p,.article-section-copy>*+*{margin-top:1rem}.article-takeaway{margin-block:1.5rem 1.85rem;padding:.9rem 1rem}.article-takeaway p{font-size:.9375rem;line-height:1.65}.article-section{margin-block:1.85rem}.article-section-heading{gap:.7rem;margin-bottom:.95rem;padding-top:1rem}.article-section h2{font-size:1.75rem;line-height:1.1}.article-section-number{font-size:.6875rem}.article-bullet-list li+li,.article-numbered-list li+li{margin-top:.6rem}.article-visual-slot,.article-image-slot{margin-block:2rem}.article-checklist{margin-top:2rem;padding:1.2rem}.article-checklist-top{margin-bottom:1rem;padding-bottom:1rem}.article-checklist h2{margin-top:.4rem;font-size:1.8rem}.article-checklist li{font-size:.9375rem;line-height:1.6}.article-checklist li+li{margin-top:.75rem}.article-sources{margin-top:1.75rem}.article-next{padding-block:2rem 2.5rem}.article-next-heading{align-items:center;margin-bottom:1.5rem}.article-next-heading h2{font-size:1.85rem}.article-next-heading>a{white-space:nowrap;font-size:.75rem}.article-next-grid{grid-template-columns:1fr;gap:1.5rem}.article-next-card{grid-template-columns:96px minmax(0,1fr);column-gap:1rem;display:grid}.article-next-image{aspect-ratio:1;grid-area:1/1/3;width:96px;height:96px}.article-next-card .article-eyebrow{grid-column:2;align-self:end;margin-top:0;font-size:.6rem}.article-next-card h3{grid-column:2;margin-top:.35rem;font-size:1.5rem;line-height:1.1}.article-next-card p{grid-column:1/-1;margin-top:.75rem;font-size:.875rem;line-height:1.6}.article-next-card-footer{grid-column:1/-1;margin-top:.75rem;padding-top:.6rem;font-size:.75rem}}@media (prefers-reduced-motion:reduce){.article-next-image>span{transition:none;transform:none!important}}.article-page .article-section h2{scroll-margin-top:8px}.article-guide-diagram{border:1px solid var(--color-ink);background:var(--color-bone);margin:0;padding:clamp(1rem,3vw,1.75rem)}.article-guide-diagram figcaption h2{font-family:var(--font-display);margin:0;font-size:1.8rem;line-height:1.12}.article-guide-diagram figcaption>p{color:var(--color-stone);margin-top:.7rem;font-size:.9375rem;line-height:1.6}.article-guide-nodes{margin:1.5rem 0 0;padding:0;list-style:none}.article-guide-node{min-width:0;position:relative}.article-guide-marker{border:1px solid var(--color-ink);background:var(--color-ink);width:2rem;height:2rem;color:var(--color-cream);z-index:1;border-radius:50%;place-items:center;font-size:.8rem;font-weight:700;display:grid;position:relative}.article-guide-detail h3{margin:0;font-size:1rem;font-weight:700;line-height:1.4}.article-guide-detail p{overflow-wrap:anywhere;margin-top:.4rem;font-size:.9375rem;line-height:1.65}.article-guide-flow .article-guide-node{grid-template-columns:2rem minmax(0,1fr);gap:1rem;padding-bottom:1.65rem;display:grid}.article-guide-flow .article-guide-node:last-child{padding-bottom:0}.article-guide-flow .article-guide-node:not(:last-child):before{content:"";border-left:2px solid var(--color-safety);position:absolute;top:2rem;bottom:0;left:calc(1rem - 1px)}.article-guide-flow .article-guide-node:not(:last-child):after{content:"";border-right:2px solid var(--color-safety);border-bottom:2px solid var(--color-safety);width:8px;height:8px;position:absolute;bottom:.2rem;left:calc(1rem - 4px);transform:rotate(45deg)}.article-guide-compare .article-guide-nodes{grid-template-columns:repeat(var(--guide-count), minmax(0, 1fr));gap:1rem;padding-top:1.25rem;display:grid;position:relative}.article-guide-compare .article-guide-nodes:before{content:"";border-top:2px solid var(--color-safety);position:absolute;top:0;left:0;right:0}.article-guide-compare .article-guide-node:before{content:"";border-left:2px solid var(--color-safety);height:1.25rem;position:absolute;top:-1.25rem;left:1rem}.article-guide-compare .article-guide-marker{background:var(--color-cream);color:var(--color-ink);margin-bottom:.75rem}.article-guide-layers .article-guide-nodes{padding-right:1.25rem}.article-guide-layers .article-guide-node{border:1px solid var(--color-ink);background:var(--color-cream);margin-left:calc(var(--guide-index) * .3rem);margin-right:calc(var(--guide-index) * -.3rem);border-bottom-width:4px;grid-template-columns:2rem minmax(0,1fr);gap:.9rem;padding:1rem;display:grid}.article-guide-layers .article-guide-node+.article-guide-node{margin-top:.65rem}.article-guide-layers .article-guide-node:not(:last-child):after{content:"";border-left:2px solid var(--color-safety);height:.65rem;position:absolute;bottom:calc(-.65rem - 4px);left:2rem}@media (max-width:700px){.article-guide-compare .article-guide-nodes{grid-template-columns:1fr;gap:1.35rem;padding-top:0;padding-left:1.2rem}.article-guide-compare .article-guide-nodes:before{border-top:0;border-left:2px solid var(--color-safety);top:1rem;bottom:1rem;right:auto}.article-guide-compare .article-guide-node{grid-template-columns:2rem minmax(0,1fr);gap:.9rem;display:grid}.article-guide-compare .article-guide-node:before{border-left:0;border-top:2px solid var(--color-safety);width:1.2rem;height:0;top:1rem;left:-1.2rem}}.article-photo-figure{margin:0 -2rem}.article-photo-frame{aspect-ratio:3/2;background:var(--color-bone);overflow:hidden}.article-photo-caption{border-left:2px solid var(--color-safety);color:var(--color-stone);margin:.9rem 2rem 0;padding-left:.9rem;font-size:.8125rem;line-height:1.6}@media (max-width:900px){.article-photo-figure,.article-photo-caption{margin-inline:0}}@media (max-width:540px){.article-photo-figure{margin-inline:-1.25rem}.article-photo-caption{margin-inline:1.25rem}.article-next-grid>li:first-child .article-next-card{display:block}.article-next-grid>li:first-child .article-next-image{aspect-ratio:16/10;width:100%;height:auto}.article-next-grid>li:first-child .article-eyebrow{margin-top:.9rem}.article-next-grid>li:first-child h3{font-size:1.85rem}}.article-roof-schematic{border:0;border-block:1px solid var(--article-line);background:#f4f1e9;margin:0;padding:1.25rem 1.1rem}.article-roof-schematic figcaption h2{font-family:var(--font-display);margin:.5rem 0 0;font-size:clamp(1.65rem,3vw,2.1rem);line-height:1.15}.article-roof-schematic svg{width:100%;max-width:440px;height:auto;margin:.75rem auto 0;display:block;overflow:visible}.article-roof-schematic svg text{font-family:var(--font-body), Arial, sans-serif;fill:#242924;font-size:15px;font-weight:600}.article-roof-schematic svg path{stroke-linejoin:round;stroke-linecap:round}.roof-drawing-fill{fill:#9bada9;stroke:#324944;stroke-width:2px}.roof-drawing-grid{fill:none;stroke:#4d625c;stroke-width:1.4px}.roof-drawing-wood{fill:#d8b78b;stroke:#806644;stroke-width:1.5px}.roof-drawing-insulation{fill:#dfca89;stroke:#a79250;stroke-width:1.5px}.roof-drawing-seal{fill:none;stroke:#a84a24;stroke-width:3px}.roof-drawing-membrane{fill:#b77b5e;stroke:#7d492e;stroke-width:2px}.roof-drawing-wall{fill:#e2dfd5;stroke:#938e7e;stroke-width:1.5px}.roof-drawing-metal{fill:#bcc8cc;stroke:#465c66;stroke-width:2px}.roof-drawing-water{fill:none;stroke:#176476;stroke-width:2.5px}.roof-drawing-leader{fill:none;stroke:#5b625a;stroke-width:1px}.roof-drawing-ground{fill:none;stroke:#8b916a;stroke-width:5px}.roof-drawing-glass{fill:#d2e6e6;stroke:#465c66;stroke-width:3px}.roof-drawing-overflow{fill:none;stroke:#176476;stroke-width:1.5px;stroke-dasharray:5 6}.roof-drawing-snow{fill:#fff;stroke:#9eb8c0;stroke-width:1.5px}.roof-drawing-ice{fill:#afdae5;stroke:#176476;stroke-width:2px}.roof-drawing-heat{fill:none;stroke:#b9532b;stroke-width:3px}.roof-drawing-backup{fill:none;stroke:#176476;stroke-width:3px;stroke-dasharray:3 4}.article-roof-caption{margin:.5rem 0 0;font-size:.9375rem;line-height:1.65}.article-roof-note{color:var(--color-stone);margin:.65rem 0 0;font-size:.75rem;line-height:1.5}@media (max-width:540px){.article-roof-schematic{background:0 0;padding-inline:0}.article-roof-schematic svg{background:#f4f1e9}}.roof-drawing-water-fill{fill:#a8d5df;stroke:#176476;stroke-width:1.5px}