/* Article content is scoped. Site chrome and buttons retain the native components. */
html,body{height:auto}
.ht-blog{--blog-ink:#202a27;--blog-muted:#69766f;--blog-green:#087913;--blog-line:#e0e8e1;--blog-soft:#f2f6f2;font:400 18px/1.7 Gilroy-Regular,Arial,sans-serif;color:var(--blog-ink);padding-bottom:96px}
.ht-blog,.ht-blog *{box-sizing:border-box}
.ht-blog .blog-container{width:89%;max-width:1280px;margin:0 auto}
.ht-blog h1,.ht-blog h2,.ht-blog h3,.ht-blog p,.ht-blog figure,.ht-blog ol,.ht-blog ul{padding:0;margin:0;color:inherit}
.ht-blog strong,.ht-blog th{font-family:Gilroy-Semibold,Arial,sans-serif;font-weight:600}
.ht-blog a{color:var(--blog-green);text-underline-offset:4px;text-decoration-thickness:1px}
.ht-blog a:focus-visible,.ht-blog summary:focus-visible{outline:3px solid #7ecf8c;outline-offset:5px}
.ht-blog .blog-breadcrumbs{padding:34px 0 40px;line-height:1.7;display:flex;flex-wrap:wrap;gap:8px 0}
.ht-blog .blog-breadcrumbs a{color:#7a837c;text-decoration:none}
.ht-blog .blog-breadcrumbs .current-breadcrumb{color:var(--blog-ink)}
.ht-blog .blog-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:center;padding:0 0 56px;border-bottom:1px solid var(--blog-line);margin-bottom:56px}
.ht-blog .blog-kicker{font:700 12px/1.4 Gilroy-Bold,Arial,sans-serif;letter-spacing:1.8px;text-transform:uppercase;color:var(--blog-green);margin-bottom:19px}
.ht-blog h1{font:600 clamp(36px,3.7vw,59px)/1.07 Gilroy-Semibold,Arial,sans-serif;letter-spacing:-1.8px;max-width:780px}
.ht-blog h1 span{color:var(--blog-green)}
.ht-blog .blog-lead{font:400 20px/1.5 Gilroy-Regular,Arial,sans-serif;color:var(--blog-muted);margin-top:24px;max-width:660px}
.ht-blog .blog-meta{display:flex;flex-wrap:wrap;gap:7px 14px;font-size:13px;line-height:1.5;color:var(--blog-muted);margin-top:24px}
.ht-blog .blog-meta>span+span:before{content:"·";margin-right:14px;color:#9caaa0}
.ht-blog .blog-jump{display:inline-flex;gap:18px;align-items:center;font-family:Gilroy-Semibold,Arial,sans-serif;font-size:15px;margin-top:24px;text-decoration:none}
.ht-blog .blog-jump span{font-size:22px}
.ht-blog .blog-cover img{width:100%;height:auto;display:block;border-radius:16px}
.ht-blog .blog-cover figcaption{font-size:12px;line-height:1.5;color:var(--blog-muted);margin-top:12px;max-width:350px}
.ht-blog .blog-layout{display:grid;grid-template-columns:248px minmax(0,790px);gap:70px;justify-content:space-between}
.ht-blog .blog-sidebar{min-width:0}
.ht-blog .blog-toc{position:sticky;top:calc(var(--shared-header-height,80px) + 28px);padding-right:10px}
.ht-blog .blog-toc-title{font:600 18px/1.3 Gilroy-Semibold,Arial,sans-serif;margin-bottom:20px}
.ht-blog .blog-toc ol,.ht-blog .blog-toc-mobile ol{list-style:none;counter-reset:toc;display:grid;gap:0}
.ht-blog .blog-toc li,.ht-blog .blog-toc-mobile li{counter-increment:toc;display:flex;align-items:baseline;gap:12px}
.ht-blog .blog-toc li:before,.ht-blog .blog-toc-mobile li:before{content:counter(toc,decimal-leading-zero);font:400 11px/1.3 Gilroy-Regular,Arial,sans-serif;color:#8a9c8e;min-width:15px}
.ht-blog .blog-toc li a,.ht-blog .blog-toc-mobile li a{font:400 14px/1.4 Gilroy-Regular,Arial,sans-serif;color:var(--blog-muted);text-decoration:none;padding:9px 0;display:block}
.ht-blog .blog-toc li a:hover,.ht-blog .blog-toc li a[aria-current="location"]{color:var(--blog-green)}
.ht-blog .blog-toc li a[aria-current="location"]{font-family:Gilroy-Semibold,Arial,sans-serif}
.ht-blog .blog-toc-catalog{display:flex;justify-content:space-between;gap:16px;font:600 14px/1.4 Gilroy-Semibold,Arial,sans-serif;text-decoration:none;padding-top:22px;margin-top:20px;border-top:1px solid var(--blog-line)}
.ht-blog .blog-toc-mobile{display:none}
.ht-blog .blog-reading{min-width:0}
.ht-blog .blog-prose{font-size:18px;line-height:1.72}
.ht-blog .blog-prose>section>h2[id]{scroll-margin-top:24px}
.ht-blog .blog-prose>section+section{margin-top:58px;padding-top:46px;border-top:1px solid var(--blog-line)}
.ht-blog .blog-prose h2{font:600 34px/1.15 Gilroy-Semibold,Arial,sans-serif;letter-spacing:-.7px;margin-bottom:23px;text-align:left}
.ht-blog .blog-prose h3{font:600 23px/1.3 Gilroy-Semibold,Arial,sans-serif;margin:30px 0 12px;text-align:left}
.ht-blog .blog-prose p+p,.ht-blog .blog-prose ul+p,.ht-blog .blog-prose ol+p{margin-top:18px}
.ht-blog .blog-prose p{color:#3f4d45;font:inherit}
.ht-blog .blog-prose p strong{color:var(--blog-ink)}
.ht-blog .blog-prose a:not(.button){text-decoration:underline}
.ht-blog .blog-prose ul{list-style:disc;margin:16px 0 0;padding-left:24px}
.ht-blog .blog-prose li{padding-left:5px;margin-top:9px}
.ht-blog .blog-prose li::marker{color:var(--blog-green)}
.ht-blog .blog-note{border-left:3px solid #00980e;border-radius:0 8px 8px 0;background:var(--blog-soft);padding:24px 28px;margin:28px 0}
.ht-blog .blog-note>strong{display:block;font-size:20px;line-height:1.3;margin-bottom:10px}
.ht-blog .blog-note p{font-size:17px;line-height:1.65}
.ht-blog .blog-table-wrap{margin:28px 0;overflow-x:auto;border:1px solid var(--blog-line);border-radius:10px}
.ht-blog table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.5;text-align:left}
.ht-blog caption{text-align:left;padding:18px 20px;font:600 16px/1.4 Gilroy-Semibold,Arial,sans-serif;background:var(--blog-soft)}
.ht-blog th,.ht-blog td{padding:16px 18px;border-top:1px solid var(--blog-line);vertical-align:top}
.ht-blog thead th{color:var(--blog-muted);font-size:13px}
.ht-blog tbody th{width:25%}
.ht-blog .blog-figure{margin:30px 0}
.ht-blog .blog-figure img{display:block;max-width:100%;height:auto;border-radius:10px}
.ht-blog .blog-figure figcaption{color:var(--blog-muted);font-size:13px;line-height:1.5;margin-top:12px}
.ht-blog .blog-checklist{padding:25px 28px;border:1px solid var(--blog-line);border-radius:10px;margin:28px 0}
.ht-blog .blog-checklist h3{margin:0 0 10px;font-size:21px}
.ht-blog .blog-checklist ul{margin:0;font-size:17px}
.ht-blog .blog-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:30px 0}
.ht-blog .blog-principles>div{border-top:2px solid #00980e;padding-top:16px}
.ht-blog .blog-principles span{font-size:12px;color:var(--blog-green)}
.ht-blog .blog-principles h3{font-size:19px;margin:12px 0 10px}
.ht-blog .blog-principles p{font-size:15px;line-height:1.6}
.ht-blog .blog-prose .blog-steps{list-style:decimal;display:grid;gap:14px;padding-left:25px;margin:24px 0}
.ht-blog .blog-steps li{margin:0;padding-left:10px}
.ht-blog .blog-steps strong{color:var(--blog-ink)}
.ht-blog .blog-faq{border-bottom:1px solid var(--blog-line);padding:20px 0}
.ht-blog .blog-faq:first-of-type{border-top:1px solid var(--blog-line)}
.ht-blog .blog-faq summary{font:600 19px/1.4 Gilroy-Semibold,Arial,sans-serif;cursor:pointer;list-style:none;position:relative;padding-right:36px}
.ht-blog .blog-faq summary::-webkit-details-marker{display:none}
.ht-blog .blog-faq summary:after{content:"+";position:absolute;right:2px;top:-2px;font-size:28px;line-height:1;color:var(--blog-green);font-family:Arial,sans-serif;font-weight:400}
.ht-blog .blog-faq[open] summary:after{content:"−"}
.ht-blog .blog-faq p{font-size:17px;line-height:1.65;margin:15px 34px 0 0}
.ht-blog .blog-article-cta{background:var(--blog-soft);padding:36px;border-radius:12px;margin-top:48px;border:1px solid #d6e5d7}
.ht-blog .blog-article-cta h2{font-size:31px;max-width:530px;margin-bottom:16px}
.ht-blog .blog-article-cta .blog-kicker{display:block;font-size:11px;margin-bottom:15px}
.ht-blog .blog-article-cta p{font-size:17px;line-height:1.6;margin-bottom:24px}
.ht-blog .blog-button{display:inline-flex;align-items:center;justify-content:center;gap:30px;color:#fff;text-decoration:none;font-size:17px;line-height:1.3;padding:17px 25px;min-height:56px;white-space:normal}
.ht-blog .blog-sources{margin-top:32px;padding-top:24px;border-top:1px solid var(--blog-line)}
.ht-blog .blog-sources h2{font-size:17px;letter-spacing:0;margin-bottom:12px}
.ht-blog .blog-sources p{font-size:14px;line-height:1.7;color:var(--blog-muted)}
.ht-blog .blog-post-card{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;margin-top:52px;padding:28px;border:1px solid var(--blog-line);border-radius:14px;color:var(--blog-ink);text-decoration:none;max-width:1100px}
.ht-blog .blog-post-card>img{width:100%;height:auto;border-radius:9px}
.ht-blog .blog-post-card>div{align-self:center}
.ht-blog .blog-post-card h2{font:600 30px/1.2 Gilroy-Semibold,Arial,sans-serif;margin-bottom:18px}
.ht-blog .blog-post-card p:not(.blog-kicker){font-size:17px;line-height:1.6;color:var(--blog-muted)}
.ht-blog .blog-card-read{display:block;font:600 16px/1.4 Gilroy-Semibold,Arial,sans-serif;margin-top:24px;color:var(--blog-green)}
@media(min-width:1700px){.ht-blog .blog-container{max-width:1360px}.ht-blog .blog-layout{grid-template-columns:260px minmax(0,840px)}}
@media(max-width:1100px){.ht-blog .blog-hero{gap:30px}.ht-blog .blog-layout{grid-template-columns:210px minmax(0,1fr);gap:36px}.ht-blog h1{font-size:42px}.ht-blog .blog-prose h2{font-size:30px}}
@media(max-width:1023px){.ht-blog .blog-layout{display:block}.ht-blog .blog-sidebar{display:none}.ht-blog .blog-toc-mobile{display:block;border:1px solid var(--blog-line);border-radius:9px;background:var(--blog-soft);padding:18px 22px;margin-bottom:34px}.ht-blog .blog-toc-mobile summary{cursor:pointer;font:600 17px/1.5 Gilroy-Semibold,Arial,sans-serif}.ht-blog .blog-toc-mobile summary>span{float:right;font:400 13px/1.9 Gilroy-Regular,Arial,sans-serif;color:var(--blog-muted)}.ht-blog .blog-toc-mobile ol{padding-top:16px}.ht-blog .blog-toc-mobile li a{font-size:16px;padding:9px 0}.ht-blog .blog-reading{max-width:790px;margin:auto}.ht-blog .blog-hero{margin-bottom:34px}.ht-blog .blog-prose>section>h2[id]{scroll-margin-top:18px}}
@media(max-width:750px){.ht-blog{padding-bottom:60px}.ht-blog .blog-container{width:calc(100% - 36px)}.ht-blog .blog-breadcrumbs{padding:24px 0 28px}.ht-blog .blog-hero{grid-template-columns:1fr;gap:28px;padding-bottom:30px}.ht-blog h1{font-size:39px;letter-spacing:-1.3px;line-height:1.09}.ht-blog .blog-kicker{font-size:10px;letter-spacing:1.5px;margin-bottom:17px}.ht-blog .blog-lead{font-size:18px;margin-top:20px}.ht-blog .blog-meta{font-size:12px;gap:6px 10px;margin-top:20px}.ht-blog .blog-meta>span+span:before{margin-right:10px}.ht-blog .blog-cover img{max-height:300px;object-fit:contain;object-position:left center;background:var(--blog-soft);border-radius:12px}.ht-blog .blog-cover figcaption{font-size:11px;max-width:none}.ht-blog .blog-jump{display:none}.ht-blog .blog-prose{font-size:17px;line-height:1.7}.ht-blog .blog-prose h2{font-size:29px;letter-spacing:-.5px;margin-bottom:20px}.ht-blog .blog-prose h3{font-size:22px;margin-top:26px}.ht-blog .blog-prose>section+section{margin-top:40px;padding-top:32px}.ht-blog .blog-note,.ht-blog .blog-checklist{padding:20px;margin:24px 0}.ht-blog .blog-note>strong{font-size:19px}.ht-blog .blog-note p,.ht-blog .blog-checklist ul{font-size:16px}.ht-blog .blog-principles{grid-template-columns:1fr;gap:24px;margin:25px 0}.ht-blog .blog-principles h3{font-size:20px;margin:8px 0}.ht-blog .blog-principles p{font-size:16px}.ht-blog .blog-principles>div{padding-top:12px}.ht-blog .blog-faq summary{font-size:18px}.ht-blog .blog-faq p{font-size:16px;margin-right:0}.ht-blog .blog-article-cta{padding:25px;margin-top:36px}.ht-blog .blog-article-cta h2{font-size:28px}.ht-blog .blog-button{display:flex;width:100%;padding:17px 20px;justify-content:space-between}.ht-blog .blog-post-card{grid-template-columns:1fr;gap:22px;margin-top:30px;padding:18px}.ht-blog .blog-post-card h2{font-size:27px}.ht-blog .blog-sources p{font-size:13px}.ht-blog .blog-diagram{margin-left:-5px;margin-right:-5px}}
@media(max-width:420px){.ht-blog h1{font-size:35px}.ht-blog .blog-meta{max-width:310px}.ht-blog .blog-meta>span:last-child:before{content:none}.ht-blog .blog-meta>span:last-child{flex-basis:100%}.ht-blog .blog-breadcrumbs .breadcrumbs-item{font-size:10px;line-height:1.5}.ht-blog .blog-breadcrumbs .breadcrumbs-item:not(:last-child){padding-right:23px;margin-right:8px}.ht-blog .blog-breadcrumbs .breadcrumbs-item:not(:last-child):before{width:11px}.ht-blog .blog-prose h2{font-size:28px}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media print{header.header,.footer,.shared-header-placeholder,.blog-sidebar,.blog-toc-mobile,.blog-article-cta,.blog-jump{display:none!important}.ht-blog .blog-container{width:100%}.ht-blog .blog-layout{display:block}.ht-blog .blog-prose{font-size:11pt}.ht-blog .blog-faq:not([open])>p{display:block}.ht-blog .blog-prose section{break-inside:auto}.ht-blog h2,.ht-blog h3{break-after:avoid}}

@media(max-width:600px){.ht-blog .blog-table-wrap{overflow:visible}.ht-blog table,.ht-blog tbody,.ht-blog tbody tr,.ht-blog tbody th,.ht-blog td{display:block;width:100%}.ht-blog thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ht-blog tbody tr{border-top:1px solid var(--blog-line);padding:0 0 14px}.ht-blog tbody th{padding:18px 20px 8px;border:0;font-size:18px;color:var(--blog-green)}.ht-blog td{border:0;padding:7px 20px;font-size:16px;line-height:1.5}.ht-blog td:before{content:attr(data-label);display:block;font:600 11px/1.5 Gilroy-Semibold,Arial,sans-serif;color:var(--blog-muted);margin-bottom:3px;letter-spacing:.4px}.ht-blog caption{display:block;padding:16px 20px;font-size:15px}}
.ht-blog [hidden]{display:none!important}
.ht-blog .blog-toc{max-height:calc(100vh - var(--shared-header-height,80px) - 54px);overflow-y:auto;overscroll-behavior:contain}
.ht-blog .blog-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:35px}
.ht-blog .blog-posts .blog-post-card{display:flex;flex-direction:column;gap:0;padding:0;margin:0;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.ht-blog .blog-posts .blog-post-card:hover{border-color:#bad6bd;box-shadow:0 8px 30px #153e1810}
.ht-blog .blog-posts .blog-post-card>img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:var(--blog-soft);border-radius:0}
.ht-blog .blog-posts .blog-post-card>div{display:flex;flex-direction:column;flex:1;padding:24px;align-self:stretch}
.ht-blog .blog-posts .blog-post-card .blog-kicker{font-size:10px;margin-bottom:14px}
.ht-blog .blog-posts .blog-post-card h2{font-size:25px;line-height:1.2;margin-bottom:16px}
.ht-blog .blog-posts .blog-post-card p:not(.blog-kicker){font-size:16px;line-height:1.55;flex:1}
.ht-blog .blog-categories{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.ht-blog .blog-categories button{font:600 14px/1.4 Gilroy-Semibold,Arial,sans-serif;padding:11px 17px;background:#fff;color:#526456;border:1px solid var(--blog-line);border-radius:6px;min-height:44px}
.ht-blog .blog-categories button[aria-pressed=true]{background:var(--blog-green);border-color:var(--blog-green);color:#fff}
.ht-blog .blog-filter-status{font-size:13px;color:var(--blog-muted);margin-top:24px}
.ht-blog .blog-related{margin-top:45px;border-top:1px solid var(--blog-line);padding-top:30px}
.ht-blog .blog-related h2{font:600 24px/1.3 Gilroy-Semibold,Arial,sans-serif;margin-bottom:16px}
.ht-blog .blog-related>a{display:flex;justify-content:space-between;gap:24px;font-size:17px;line-height:1.4;padding:17px 0;border-bottom:1px solid var(--blog-line);text-decoration:none}
.ht-blog .blog-prose img{width:100%;height:auto;object-fit:contain}
@media(max-width:1100px){.ht-blog .blog-posts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ht-blog .blog-posts{grid-template-columns:1fr;gap:22px}.ht-blog .blog-posts .blog-post-card>div{padding:21px}.ht-blog .blog-posts .blog-post-card h2{font-size:26px}.ht-blog .blog-categories{gap:8px;margin-top:28px}.ht-blog .blog-categories button{font-size:13px;padding:10px 13px}.ht-blog .blog-related>a{font-size:16px}}
.ht-blog .blog-article-cta h3{font:600 29px/1.2 Gilroy-Semibold,Arial,sans-serif;margin:0 0 17px;letter-spacing:-.5px}
.ht-blog .blog-article-cta p+.blog-button{margin-top:22px}
@media(max-width:750px){.ht-blog .blog-article-cta h3{font-size:26px}}
.ht-blog .blog-breadcrumbs .current-breadcrumb{max-width:min(650px,100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:750px){.ht-blog .blog-breadcrumbs .current-breadcrumb{max-width:100%}}