#article{--green:#0b5a33;--ink:#0b2636;--copy:#536472;--paper:#f7f9f7;--white:#fff;--line:#d8e1dc;--soft:#eaf1ec;--body:"Avenir Next",Avenir,Arial,sans-serif}
#article *{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
#article{margin:0;background:var(--white);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}
#article button,#article input{font:inherit}
#article a{color:var(--green);text-underline-offset:4px}
#article a:hover{text-decoration-thickness:2px}
#article button,#article a,#article summary,#article input{outline-offset:5px}
#article :focus-visible{outline:2px solid var(--green)}
#article button{cursor:pointer}
#article img{max-width:100%;display:block}
#article figure{margin:0}
#article figcaption{font-size:13px;line-height:1.55;color:var(--copy)}
#article p{margin:0 0 1.2em}
#article h1,#article h2,#article h3{font-weight:600;letter-spacing:-.035em}
#article h2{font-size:34px;line-height:1.2}
#article h3{font-size:22px;line-height:1.4}
#article ::selection{background:var(--soft)}
#article .wrap{width:min(1200px,calc(100% - 96px));margin:auto}
#article .eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:600;color:var(--green)}
#article .hero{display:grid;grid-template-columns:1fr 1.14fr;gap:32px;align-items:center;padding:62px 0 50px;min-height:660px}
#article .hero h1{font-size:clamp(48px,5.3vw,76px);line-height:1.02;margin:22px 0 28px;max-width:520px}
#article .hero .dek{font-size:22px;line-height:1.55;max-width:410px;color:var(--copy)}
#article .hero .meta{font-size:12px;color:var(--copy);display:flex;align-items:center;gap:18px;margin:26px 0}
#article .hero .meta span+span{padding-left:18px;border-left:1px solid var(--line)}
#article .text-link{display:inline-flex;gap:12px;align-items:center;text-decoration:none;font-weight:600;font-size:14px}
#article .hero-figure{position:relative;padding:0 4px}
#article .hero-figure img{width:100%;aspect-ratio:1;object-fit:contain}
#article .hero-figure figcaption{margin:10px 0 0;text-align:right;font-size:11px}
#article .intro{display:grid;grid-template-columns:230px 1fr;gap:48px;padding:48px 0 58px;border-top:1px solid var(--line)}
#article .intro .eyebrow{padding-top:6px}
#article .intro-copy{max-width:820px;font-size:19px;line-height:1.8;color:var(--copy)}
#article .intro-copy p:first-child{font-size:23px;line-height:1.6;color:var(--ink)}
#article .intro-copy strong{font-weight:600}
#article .explore-shell{background:var(--paper);padding:58px 0 64px;border-block:1px solid var(--line)}
#article .section-top{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:32px}
#article .section-top h2{margin:0}
#article .section-top p{color:var(--copy);font-size:14px;margin:0}
#article .explorer{display:grid;grid-template-columns:310px minmax(0,1fr);gap:48px;align-items:start}
#article .part-menu{display:flex;flex-direction:column;border-top:1px solid var(--line)}
#article .part-button{display:flex;text-align:left;justify-content:space-between;gap:20px;border:0;border-bottom:1px solid var(--line);padding:24px 16px 24px 0;color:var(--copy);background:transparent}
#article .part-button span{font-size:17px;font-weight:500;line-height:1.5}
#article .part-button small{display:block;font-weight:400;font-size:12px;margin-top:6px}
#article .part-button b{font-size:18px;font-weight:400}
#article .part-button[aria-pressed=true]{color:var(--green);box-shadow:inset 3px 0 var(--green);padding-left:18px;background:var(--soft)}
#article .part-view{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:28px;align-items:center;min-height:400px;background:var(--white);padding:24px}
#article .part-photo{height:350px;width:100%;object-fit:contain}
#article .part-text .eyebrow{font-size:10px}
#article .part-text h3{font-size:25px;margin:12px 0 16px}
#article .part-text p{font-size:14px;line-height:1.7;color:var(--copy)}
#article .part-text .text-link{font-size:13px}
#article .part-view figcaption{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px;font-size:11px}
#article .quick-reference{margin-top:30px;background:white;border-block:1px solid var(--line)}
#article .quick-reference>summary{padding:22px 24px;font-size:15px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}
#article .quick-reference>summary:after{content:'+';font-size:24px;font-weight:400}
#article .quick-reference[open]>summary:after{content:'−'}
#article .quick-reference .table-wrap{padding:0 24px 18px;overflow-x:auto}
#article .quick-reference p{padding:0 24px;font-size:13px;line-height:1.7;color:var(--copy)}
#article table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.65}
#article th,#article td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
#article th{font-weight:600;color:var(--green);background:var(--paper)}
#article td:first-child{font-weight:600;min-width:135px;color:var(--ink)}
#article td{color:var(--copy)}
#article .reading-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:70px;padding-top:74px;padding-bottom:88px}
#article .toc{position:sticky;top:118px;align-self:start}
#article .toc .eyebrow{margin:0 0 20px}
#article .toc a{display:block;padding:9px 0 9px 16px;text-decoration:none;font-size:13px;border-left:1px solid var(--line);color:var(--copy);line-height:1.55}
#article .toc a[aria-current]{color:var(--green);border-left:2px solid var(--green);font-weight:600}
#article .toc .toc-cta{display:inline-block;border:0;border-bottom:1px solid var(--green);padding:0 0 5px;margin:32px 0;color:var(--green)}
#article .article-copy{min-width:0;max-width:870px}
#article .article-section{scroll-margin-top:110px;margin-bottom:72px}
#article .article-section h2{margin:0 0 26px;font-size:35px}
#article .article-section h3{margin:32px 0 12px}
#article .prose{font-size:17px;line-height:1.85;color:var(--copy)}
#article .prose strong{color:var(--ink);font-weight:600}
#article .prose p,#article .prose ul{max-width:730px}
#article .prose ul{padding-left:24px}
#article .prose li{margin-bottom:10px;padding-left:4px}
#article .photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}
#article .photo-pair.single{grid-template-columns:1fr}
#article .photo-pair figure{min-width:0}
#article .photo-pair img{width:100%;height:310px;object-fit:contain;background:var(--paper)}
#article .photo-pair.single img{height:auto;max-height:440px}
#article .photo-pair figcaption{padding:12px 0 0;font-size:12px}
#article .photo-label{display:block;color:var(--green);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
#article .sample-showcase{margin-bottom:78px}
#article .sample-showcase>h2{margin-bottom:18px}
#article .sample-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}
#article .sample-card{display:flex;flex-direction:column;min-width:0;background:var(--paper);border:1px solid var(--line)}
#article .sample-card figure{padding:12px 12px 0}
#article .sample-card img{width:100%;height:210px;object-fit:contain;background:var(--white)}
#article .sample-card figcaption{padding:10px 0 0;font-size:11px;line-height:1.55}
#article .sample-card-copy{display:flex;flex:1;flex-direction:column;padding:16px}
#article .sample-id{margin:0 0 6px;color:var(--green);font-size:11px;font-weight:700;letter-spacing:.14em}
#article .sample-card h3{font-size:19px;line-height:1.35;margin:0 0 14px}
#article .sample-card dl{margin:0 0 18px;color:var(--copy);font-size:12px;line-height:1.5}
#article .sample-card dl div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:8px 0}
#article .sample-card dt{font-weight:600;color:var(--green)}
#article .sample-card dd{margin:0;text-align:right}
#article .sample-card .text-link{margin-top:auto;font-size:12px;line-height:1.4}
#article .sample-link-note{margin:18px 0 0;color:var(--copy);font-size:12px;line-height:1.7}
#article .note{margin:28px 0;padding:22px 26px;background:var(--paper);border-left:3px solid var(--green);font-size:15px;line-height:1.8;color:var(--copy)}
#article .note strong{color:var(--ink)}
#article .buyer-list{list-style:none;padding:0!important;margin:22px 0}
#article .buyer-list li{padding:0;margin:0;border-bottom:1px solid var(--line)}
#article .buyer-list label{display:flex;gap:14px;align-items:flex-start;padding:16px 0;cursor:pointer;font-size:16px}
#article .buyer-list input{width:18px;height:18px;flex:0 0 auto;margin-top:6px;accent-color:var(--green)}
#article .buyer-list input:checked+span{color:var(--green)}
#article .check-count{font-size:12px;color:var(--green);margin-top:12px}
#article .faq details{border-bottom:1px solid var(--line)}
#article .faq summary{padding:22px 30px 22px 0;font-size:17px;font-weight:500;cursor:pointer;position:relative;list-style:none}
#article .faq summary:after{content:'+';position:absolute;right:4px;font-size:21px;top:18px;color:var(--green)}
#article .faq details[open] summary:after{content:'−'}
#article .faq details .prose{font-size:16px;padding:0 30px 2px 0}
#article .article-cta{background:var(--green);padding:46px;color:white;border-radius:8px}
#article .article-cta h2{font-size:34px;line-height:1.2;margin:12px 0 22px}
#article .article-cta .eyebrow{color:#d8e1dc}
#article .article-cta p{color:#edf3ef;font-size:17px;line-height:1.8;max-width:610px}
#article .button-link{display:inline-flex;align-items:center;gap:28px;background:white;color:var(--green);text-decoration:none;padding:15px 22px;border-radius:8px;font-size:14px;font-weight:600;margin-top:8px}
#article .preview-note{font-size:11px;color:var(--copy);border-top:1px solid var(--line);margin-top:24px;padding-top:18px}
#article noscript p{padding:16px 24px;background:var(--soft)}
@media(min-width:1450px){#article .hero{min-height:710px}
#article .hero h1{font-size:80px}
}
@media(max-width:1100px){#article .wrap{width:calc(100% - 64px)}
#article .hero{min-height:590px;padding-top:40px;gap:10px}
#article .hero h1{font-size:58px}
#article .hero .dek{font-size:19px}
#article .intro{grid-template-columns:180px 1fr;gap:36px}
#article .explorer{grid-template-columns:260px minmax(0,1fr);gap:24px}
#article .part-view{grid-template-columns:1fr;padding:20px;gap:12px}
#article .part-photo{height:280px}
#article .part-text h3{margin:4px 0 8px}
#article .part-text p{margin-bottom:10px}
#article .part-view figcaption{margin-top:8px}
#article .reading-layout{grid-template-columns:180px minmax(0,1fr);gap:42px}
#article .photo-pair img{height:245px}
}
@media(max-width:760px){html{scroll-padding-top:86px}
#article .wrap{width:calc(100% - 40px)}
#article .hero{grid-template-columns:1fr;padding:38px 0 26px;gap:12px}
#article .hero h1{font-size:53px;max-width:390px;margin:18px 0 22px}
#article .hero .dek{font-size:19px;max-width:360px}
#article .hero .meta{margin:22px 0}
#article .hero-figure{max-width:460px;justify-self:center;width:100%;padding:0 20px}
#article .hero-figure figcaption{text-align:center;font-size:10px}
#article .intro{grid-template-columns:1fr;gap:18px;padding:30px 0}
#article .intro-copy{font-size:16px}
#article .intro-copy p:first-child{font-size:20px;line-height:1.7}
#article .explore-shell{padding:34px 0}
#article .section-top{display:block;margin-bottom:24px}
#article .section-top h2{font-size:28px;margin-bottom:10px}
#article .section-top p{font-size:13px}
#article .explorer{display:block}
#article .part-menu{display:flex;flex-direction:row;overflow-x:auto;gap:0;border-bottom:1px solid var(--line);margin-bottom:20px;scrollbar-width:thin}
#article .part-button{flex:0 0 156px;padding:14px 12px;border:0;border-right:1px solid var(--line)}
#article .part-button span{font-size:14px;line-height:1.45}
#article .part-button small{font-size:10px}
#article .part-button b{display:none}
#article .part-button[aria-pressed=true]{box-shadow:inset 0 -3px var(--green);padding:14px 12px}
#article .part-view{grid-template-columns:1fr;padding:20px;gap:12px;min-height:520px}
#article .part-photo{height:285px}
#article .part-text h3{font-size:24px}
#article .part-view figcaption{font-size:10px}
#article .quick-reference{margin-top:20px}
#article .quick-reference>summary{padding:18px 14px;font-size:14px}
#article .quick-reference .table-wrap{padding:0 12px 16px}
#article .quick-reference p{padding:0 14px}
#article table{font-size:12px;min-width:550px}
#article th,#article td{padding:12px}
#article .reading-layout{display:block;padding-top:34px;padding-bottom:46px}
#article .toc{position:relative;top:auto;margin-bottom:42px;padding-bottom:24px;border-bottom:1px solid var(--line)}
#article .toc .eyebrow{margin-bottom:14px}
#article .toc nav{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}
#article .toc a{padding:6px 0 6px 12px;font-size:12px}
#article .toc .toc-cta{display:none}
#article .article-section{margin-bottom:50px;scroll-margin-top:92px}
#article .article-section h2{font-size:29px;margin-bottom:20px}
#article .article-section h3{font-size:21px}
#article .prose{font-size:16px;line-height:1.85}
#article .photo-pair{gap:14px;margin:24px 0}
#article .photo-pair img{height:210px}
#article .photo-pair.single img{height:auto;max-height:320px}
#article .photo-pair figcaption{font-size:11px;padding-top:10px}
#article .photo-label{font-size:10px}
#article .note{padding:20px;font-size:14px}
#article .buyer-list label{font-size:15px}
#article .faq summary{font-size:16px}
#article .article-cta{padding:28px}
#article .article-cta h2{font-size:30px}
#article .article-cta p{font-size:16px}
}
@media(max-width:370px){#article .hero h1{font-size:45px}
#article .photo-pair{grid-template-columns:1fr}
#article .photo-pair img{height:280px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
#article *{transition:none!important}
}
@media print{#article .toc,#article .explore-shell,#article .preview-note,#article .check-count{display:none}
#article .wrap{width:100%}
#article .hero{min-height:0;padding:0;grid-template-columns:1fr 1fr}
#article .hero h1{font-size:40px}
#article .hero-figure img{max-height:300px}
#article .intro{display:block;padding:20px 0}
#article .reading-layout{display:block;padding:20px 0}
#article .article-copy{max-width:none}
#article .article-section{break-inside:avoid}
#article .article-cta{background:white;color:var(--ink);border:1px solid var(--line)}
#article .article-cta p,#article .article-cta .eyebrow{color:var(--copy)}
#article .photo-pair img{height:220px}
#article{font-size:11pt}
}
#article .photo-pair.trio{grid-template-columns:repeat(3,minmax(0,1fr))}
#article .photo-pair.trio img{height:230px}
@media(max-width:760px){#article .photo-pair.trio{grid-template-columns:1fr}
#article .photo-pair.trio img{height:275px}
}
#article .table-wrap{max-width:100%;overflow-x:auto}
#article .parts-overview{background:var(--paper);padding:58px 0 64px;border-block:1px solid var(--line)}
#article .parts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#article .part-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:24px;align-items:start;background:var(--white);padding:22px;border:1px solid var(--line)}
#article .part-card figure{min-width:0}
#article .part-card img{width:100%;height:220px;object-fit:contain;background:var(--paper)}
#article .part-card figcaption{padding-top:10px;font-size:11px}
#article .part-card h3{font-size:22px;margin:12px 0 12px}
#article .part-card p{font-size:14px;line-height:1.7;color:var(--copy);margin-bottom:18px}
#article .buyer-list li{padding:16px 0}
#article .faq-item{border-bottom:1px solid var(--line);padding:0 0 22px;margin:0 0 22px}
#article .faq-item h3{font-size:20px;margin:0 0 10px}
#article .faq-item .prose{font-size:16px}
@media(max-width:1100px){#article .part-card{grid-template-columns:1fr;gap:16px}
#article .part-card img{height:240px}
#article .sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){#article .parts-overview{padding:34px 0}
#article .parts-grid{grid-template-columns:1fr;gap:16px}
#article .part-card{padding:16px}
#article .part-card img{height:220px}
#article .part-card h3{font-size:21px}
#article .part-card p{font-size:15px}
#article .sample-grid{grid-template-columns:1fr;gap:16px}
#article .sample-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
#article .sample-card figure{padding:12px 0 12px 12px}
#article .sample-card img{height:220px}
#article .sample-card-copy{padding:16px}
#article .faq-item h3{font-size:18px}
}
@media print{#article .parts-overview{display:none}
}

#article{box-sizing:border-box;min-width:0;position:relative;}
#article-skip{position:fixed;left:20px;top:-80px;z-index:9999;padding:12px;background:white;color:#0b5a33;}#article-skip:focus{top:10px;}

body[data-page="umbrella-parts"]{margin:0;background:#fff}body[data-page="umbrella-parts"] #article{padding-top:0}body[data-page="umbrella-parts"] #article .hero{background:transparent;border-radius:0}body[data-page="umbrella-parts"] #article .hero::before,body[data-page="umbrella-parts"] #article .hero::after{display:none}body[data-page="umbrella-parts"] #article .hero figure{overflow:visible}body[data-page="umbrella-parts"] #article .intro{background:transparent}body[data-page="umbrella-parts"] #article .toc{z-index:1}body[data-page="umbrella-parts"] #article .article-cta h2{color:#fff}body[data-page="umbrella-parts"] .ml-language-host-mobile.is-open .ml-language-menu{display:grid!important;position:static;width:100%;max-height:40vh;overflow-y:auto} @media(max-width:680px){body[data-page="umbrella-parts"] #article{padding-top:0}}