.blog-hero{background:#17364a;color:#f5f8f5;padding:78px 0 82px;overflow:hidden}
.blog-hero .wrap{position:relative}
.blog-hero .wrap:after{content:"";position:absolute;right:1%;top:-130px;width:410px;height:410px;border:1px solid rgba(245,204,98,.42);border-radius:50%;box-shadow:0 0 0 38px rgba(245,204,98,.055),0 0 0 89px rgba(245,204,98,.035);pointer-events:none}
.blog-hero h1{max-width:780px;color:#fff;font-size:clamp(2.8rem,5.4vw,5.6rem);line-height:1.08;margin:0 0 24px}
.blog-hero p{max-width:610px;color:#d4e3e2;font-size:1.14rem;line-height:1.7;margin:0}
.blog-hero .blog-kicker{display:block;color:#f5cc62;font-size:.87rem;font-weight:800;margin-bottom:22px}
.blog-index{padding:68px 0 105px;background:#f5f8f5}
.blog-index .section-heading{margin-bottom:28px}
.blog-index .section-heading h2{margin:0;font-size:clamp(1.8rem,3vw,2.5rem)}
.blog-feed{border-top:1px solid #c7d6d3}
.blog-item{display:grid;grid-template-columns:160px minmax(0,1fr) 120px;gap:30px;align-items:start;border-bottom:1px solid #c7d6d3;padding:30px 0}
.blog-item:first-child{padding-top:42px;padding-bottom:46px}
.blog-date{display:block;color:#516575;font-size:.84rem;font-weight:800;line-height:1.5;padding-top:9px}
.blog-item .blog-category{display:block;color:#126a50;font-size:.82rem;font-weight:800;margin:0 0 8px}
.blog-item h3{font-size:clamp(1.45rem,2.3vw,2.18rem);line-height:1.23;margin:0 0 11px;max-width:780px}
.blog-item h3 a{color:#17364a;text-decoration:none}
.blog-item h3 a:hover{text-decoration:underline;text-decoration-color:#126a50;text-underline-offset:5px}
.blog-item p{max-width:690px;color:#516575;line-height:1.65;margin:0}
.blog-read{justify-self:end;align-self:center;color:#126a50;font-size:.86rem;font-weight:800;text-decoration:none;white-space:nowrap}
.blog-read:hover{text-decoration:underline}
.blog-item:first-child h3{font-size:clamp(2rem,3.6vw,3.3rem)}
.blog-index .blog-next{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:33px 0 0}
.blog-next p{max-width:700px;color:#516575;margin:0;line-height:1.6}
.blog-next a{color:#126a50;font-weight:800;white-space:nowrap}
.blog-post .article-head{max-width:960px}
.blog-post .article-head h1{max-width:950px}
.blog-post .prose{max-width:760px}
.blog-post .blog-published{display:flex;align-items:center;gap:12px;margin-top:23px;color:#516575;font-size:.86rem}
.blog-post .blog-published time{font-weight:800;color:#17364a}
.blog-post .prose h2{scroll-margin-top:100px}
@media(max-width:800px){.blog-hero{padding:62px 0 67px}.blog-hero .wrap:after{right:-160px;top:-100px;width:340px;height:340px}.blog-item{grid-template-columns:115px minmax(0,1fr);gap:20px}.blog-read{grid-column:2;justify-self:start;align-self:start}.blog-index .blog-next{align-items:flex-start;flex-direction:column;gap:10px}}
@media(max-width:600px){.blog-hero h1{font-size:clamp(2.5rem,11vw,3.6rem)}.blog-hero p{font-size:1rem}.blog-index{padding:50px 0 75px}.blog-item,.blog-item:first-child{display:block;padding:25px 0 30px}.blog-date{padding:0;margin-bottom:13px}.blog-item h3,.blog-item:first-child h3{font-size:1.65rem}.blog-read{display:inline-block;margin-top:16px}.blog-index .blog-next a{white-space:normal}}