.blog-page{background:#fbfaf7}
.blog-page #content{max-width:1200px;margin:0 auto;padding:0 32px 84px}
.blog-intro{padding:65px 0 43px;max-width:680px}
.blog-page .eyebrow{display:block;font-size:9px;letter-spacing:.12em;font-weight:500;color:#687d59;line-height:1.8;margin:0 0 17px}
.blog-intro h1{font-family:Manrope,sans-serif;font-size:clamp(34px,4vw,49px);font-weight:400;line-height:1.2;letter-spacing:-1.8px;margin:0 0 20px}
.blog-intro>p{font-size:15px;line-height:1.9;color:#64725d;max-width:540px;margin:0}
.blog-grid{display:grid;grid-template-columns:1fr;gap:30px}
.blog-card{border:1px solid #dce2d5;border-radius:7px;background:#fff;overflow:hidden}
.blog-card>a{display:grid;grid-template-columns:.95fr 1.05fr;height:100%;text-decoration:none;align-items:stretch}
.blog-card img{display:block;object-fit:cover;width:100%;height:100%;min-height:320px}
.blog-card-copy{padding:36px 38px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.blog-card h2{font-size:27px;font-weight:400;line-height:1.4;letter-spacing:-.8px;margin:0 0 16px}
.blog-card p{font-size:13px;line-height:1.9;color:#65745b;margin:0 0 20px}
.article-meta{font-size:11px;color:#738068;line-height:1.9;font-weight:400}
.blog-read{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;font-size:13px;color:#456638;font-weight:500}
.blog-card>a:hover .blog-read{text-decoration:underline;text-underline-offset:5px}
.blog-article{padding-top:40px}
.article-heading{max-width:870px;padding:0 0 37px}
.blog-back{font-size:12px;color:#637757;display:inline-flex;align-items:center;min-height:44px;margin:0 0 25px}
.article-heading h1{font-family:Manrope,sans-serif;font-size:clamp(30px,3.5vw,44px);font-weight:400;letter-spacing:-1.5px;line-height:1.3;margin:0 0 21px;text-wrap:balance}
.article-heading .article-meta{margin:0 0 24px}
.article-lead{font-size:17px;line-height:1.95;color:#4b6144;max-width:800px;margin:0}
.article-layout{display:grid;grid-template-columns:240px minmax(0,720px);gap:62px;align-items:start;border-top:1px solid #dce2d5;padding-top:39px}
.article-toc{display:flex;flex-direction:column;gap:0;position:sticky;top:106px;font-size:12px;font-weight:400}
.article-toc>span{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.09em;color:#829173;line-height:1.8;margin-bottom:15px}
.article-toc>a{display:block;padding:12px 0;line-height:1.8;border-bottom:1px solid #e5eadd;color:#5c7250}
.article-toc>a:hover{color:#284a28}
.article-body>section{margin:0 0 39px;scroll-margin-top:100px}
.article-body h2{font-size:25px;font-weight:400;letter-spacing:-.6px;line-height:1.45;margin:0 0 18px}
.article-body p{font-size:15px;line-height:1.95;color:#56634f;margin:0 0 17px}
.article-body .article-sources{border-top:1px solid #dce2d5;padding-top:24px}
.article-sources h2{font-size:14px;font-weight:500;letter-spacing:0;margin-bottom:12px}
.article-sources ul{margin:0;padding:0;list-style:none}
.article-sources a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;line-height:1.8;text-decoration:underline;text-underline-offset:4px;color:#627b50}
.article-cta{border:1px solid #d1dec4;background:#eff4e8;padding:30px;border-radius:6px}
.article-cta h2{font-size:25px;line-height:1.4}
.article-cta p{font-size:14px;line-height:1.9;margin:0 0 22px}
.article-cta .button{font-size:12px;font-weight:500;line-height:1.7;padding:14px 18px;min-height:46px;white-space:normal;border-radius:4px}
.article-service-link{display:block;min-height:44px;line-height:1.9;font-size:12px;margin-top:15px;padding:9px 0;color:#557440}
@media(max-width:1100px){
 .article-layout{grid-template-columns:200px minmax(0,1fr);gap:36px}
 .blog-card-copy{padding:29px}
 .blog-card h2{font-size:24px}
}
@media(max-width:799px){
 .blog-page #content{padding-left:25px;padding-right:25px;padding-bottom:55px}
 .blog-card>a{grid-template-columns:1fr}
 .blog-card img{height:265px;min-height:0}
 .article-layout{grid-template-columns:1fr;gap:30px;padding-top:25px}
 .article-toc{position:static;border-bottom:1px solid #dce2d5;padding-bottom:15px}
 .article-toc>a{padding:10px 0;min-height:44px;border:0}
 .article-heading{padding-bottom:27px}
 .article-heading h1{font-size:32px;line-height:1.4;letter-spacing:-1px}
 .article-lead{font-size:16px;line-height:1.95}
 .article-body h2{font-size:24px}
}
@media(max-width:499px){
 .blog-page #content{padding-left:22px;padding-right:22px}
 .blog-intro{padding:39px 0 29px}
 .blog-intro h1{font-size:34px}
 .blog-intro>p{font-size:14px}
 .blog-card img{height:210px}
 .blog-card-copy{padding:25px 23px}
 .blog-card h2{font-size:22px;line-height:1.5}
 .blog-card p{font-size:13px}
 .blog-article{padding-top:22px}
 .blog-back{margin-bottom:20px}
 .article-heading h1{font-size:29px;letter-spacing:-.9px}
 .article-lead{font-size:15px}
 .article-body p{font-size:14px;line-height:2}
 .article-body h2{font-size:22px}
 .article-cta{padding:25px 22px}
 .article-cta h2{font-size:23px}
}

.article-figure{margin:0 0 35px;max-width:1022px}
.article-figure>img{display:block;width:100%;height:auto;max-height:465px;aspect-ratio:1.95;object-fit:cover;border-radius:6px}
.article-figure figcaption{font-size:11px;line-height:1.9;color:#78856b;margin-top:12px;max-width:850px}
.article-body .article-checked{font-size:12px;line-height:1.9;color:#718264}
.article-table-wrap{margin:25px 0 28px;max-width:100%;overflow-x:auto}
.article-table{width:100%;border-collapse:collapse;table-layout:fixed;background:#f6f8f0}
.article-table caption{text-align:left;font-size:12px;font-weight:500;line-height:1.8;padding:0 0 12px;color:#5f7650}
.article-table th,.article-table td{padding:17px 15px;vertical-align:top;text-align:left;border:1px solid #dce4d1;font-size:12px;line-height:1.9;overflow-wrap:break-word}
.article-table th{font-weight:500;color:#3a5430}
.article-table thead{background:#e9f0de}
.article-table th:first-child{width:23%}
.article-related{border-top:1px solid #dce2d5;padding:24px 0 30px}
.article-related h2{font-size:14px;font-weight:500;letter-spacing:0;margin-bottom:12px}
.article-related>a{display:block;min-height:44px;font-size:13px;line-height:1.9;color:#4b6a36;padding:8px 0}
.article-related>a:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:699px){
 .article-figure{margin-bottom:25px}
 .article-figure>img{aspect-ratio:1.5;max-height:none}
 .article-figure figcaption{font-size:10px;line-height:1.9}
 .article-table th,.article-table td{padding:12px 9px;font-size:11px;line-height:1.85}
 .article-table th:first-child{width:24%}
 .article-body .article-checked{font-size:11px}
}
