.blog-page{background:#f7fafb}.blog-page .header{position:absolute}.blog-page .nav-shell nav a[aria-current="page"]{color:var(--green)}
.blog-index-hero{position:relative;padding:190px max(5vw,calc((100vw - 1220px)/2)) 48px;overflow:hidden;background:linear-gradient(140deg,#edf9f5 0%,#fff 50%,#eef1fa 100%)}
.blog-index-hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-260px;top:-260px;border:90px solid rgba(86,96,164,.055)}
.blog-index-hero>div{position:relative;z-index:1;max-width:880px}.blog-index-hero h1{font-size:clamp(48px,6vw,76px);line-height:1.04;margin:0 0 24px}.blog-index-hero p:last-child{font-size:19px;line-height:1.7;color:var(--muted);max-width:720px}
.blog-overview{padding-top:40px}.blog-overview-feature{display:grid;grid-template-columns:1.05fr .95fr;min-height:520px;border-radius:30px;overflow:hidden;background:#fff;box-shadow:0 24px 65px rgba(20,49,77,.1);margin-bottom:62px;transition:transform .3s ease,box-shadow .3s ease}.blog-overview-feature:hover{transform:translateY(-5px);box-shadow:0 30px 76px rgba(20,49,77,.15)}
.blog-browser{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px;padding:28px 30px;border:1px solid rgba(20,49,77,.08);border-radius:22px;background:#fff;box-shadow:0 14px 36px rgba(20,49,77,.055)}.blog-browser h2{max-width:510px;margin:7px 0 0;font-size:clamp(25px,3vw,36px);line-height:1.14}.blog-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.blog-filters button{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid #dce7e4;border-radius:999px;background:#f7faf9;color:var(--navy);font:inherit;font-size:14px;font-weight:750;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}.blog-filters button:hover{transform:translateY(-1px);border-color:rgba(46,182,125,.45)}.blog-filters button span{display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:#e6f1ee;color:#567067;font-size:11px}.blog-filters button.active{border-color:var(--green);background:var(--green);color:#fff}.blog-filters button.active span{background:rgba(255,255,255,.2);color:#fff}.blog-filters button:focus-visible,.blog-page-controls button:focus-visible{outline:3px solid rgba(46,182,125,.28);outline-offset:3px}.blog-overview-feature[hidden],.blog-card[hidden]{display:none!important}
.blog-overview-feature img{width:100%;height:100%;object-fit:cover}.blog-overview-copy{display:flex;flex-direction:column;justify-content:center;padding:58px}.blog-overview-copy h2{font-size:clamp(36px,4vw,54px);line-height:1.08;margin:18px 0 22px}.blog-overview-copy p{font-size:17px;line-height:1.7;color:var(--muted)}
.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#7d8da0;font-size:13px}.article-meta span:first-child{padding:7px 10px;border-radius:999px;background:#e6f7f0;color:#258963;font-weight:800}.read-link{display:flex;align-items:center;gap:12px;margin-top:18px;color:var(--green);font-size:15px;font-weight:800}.read-link i{font-style:normal;font-size:19px;transition:transform .25s}.blog-overview-feature:hover .read-link i,.blog-card:hover .read-link i{transform:translateX(5px)}
.blog-list-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.blog-list-head h2{font-size:clamp(34px,4vw,48px);margin:0}.blog-list-head span{font-size:14px;color:var(--muted)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.blog-card{display:flex;flex-direction:column;min-height:480px;border-radius:21px;overflow:hidden;background:#fff;border:1px solid rgba(20,49,77,.07);box-shadow:0 14px 38px rgba(20,49,77,.065);transition:transform .28s ease,box-shadow .28s ease}.blog-card:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(20,49,77,.12)}.blog-card-image{height:215px;overflow:hidden;background:#eaf3f2}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card:hover img{transform:scale(1.035)}.blog-card-copy{display:flex;flex:1;flex-direction:column;padding:25px}.blog-card h3{font-size:23px;line-height:1.2;margin:15px 0 13px}.blog-card p{font-size:14px;line-height:1.65;color:var(--muted);margin-bottom:20px}.blog-card .read-link{margin-top:auto}
.blog-pagination{display:flex;flex-direction:column;align-items:center;gap:15px;padding-top:48px;color:var(--muted);font-size:13px}.blog-page-controls{display:flex;align-items:center;justify-content:center;gap:8px}.blog-page-numbers{display:flex;align-items:center;gap:8px}.blog-page-controls button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d9e5e2;border-radius:50%;background:#fff;color:var(--navy);font:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}.blog-page-controls button:hover:not(:disabled){transform:translateY(-2px);border-color:var(--green);color:var(--green)}.blog-page-controls button[aria-current="page"]{border-color:var(--navy);background:var(--navy);color:#fff}.blog-page-controls button:disabled{cursor:not-allowed;opacity:.35}.blog-page-arrow{font-size:19px!important}
.article-hero{position:relative;padding:180px max(5vw,calc((100vw - 1120px)/2)) 70px;background:linear-gradient(140deg,#edf9f5,#fff 52%,#eef1fa);overflow:hidden}.article-hero:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;left:-250px;bottom:-270px;background:rgba(46,182,125,.09)}.article-hero-inner{position:relative;z-index:1;max-width:960px;margin:auto;text-align:center}.article-back{display:inline-flex;align-items:center;gap:9px;margin-bottom:30px;color:var(--green);font-size:14px;font-weight:800}.article-hero h1{font-size:clamp(42px,6vw,72px);line-height:1.05;margin:18px auto 25px;max-width:1000px}.article-hero .article-meta{justify-content:center;font-size:14px}
.article-cover{max-width:1160px;height:min(58vw,620px);min-height:360px;margin:0 auto 75px;border-radius:0 0 30px 30px;overflow:hidden;box-shadow:0 28px 70px rgba(20,49,77,.14)}.article-cover img{width:100%;height:100%;object-fit:cover}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:72px;align-items:start;max-width:1110px;margin:0 auto;padding:0 25px 110px}.article-content{font-size:18px;line-height:1.82;color:#40546a}.article-content>p:first-of-type{font-size:21px;line-height:1.72;color:var(--navy)}.article-content h2{font-size:34px;line-height:1.18;margin:58px 0 20px;scroll-margin-top:110px}.article-content h3{font-size:26px;line-height:1.25;margin:42px 0 17px}.article-content p{margin:0 0 24px}.article-content ul,.article-content ol{margin:0 0 28px;padding-left:24px}.article-content li{margin-bottom:9px}.article-content a{color:#258963;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.article-content blockquote{font-size:27px;line-height:1.45;text-align:left;margin:45px 0;padding:10px 0 10px 28px;border-left:4px solid var(--green)}.article-content img{height:auto;border-radius:18px;margin:32px auto}.article-content figure{margin:35px 0}.article-content figcaption{font-size:13px;color:var(--muted);text-align:center;margin-top:10px}.article-content p:empty{display:none}
.article-sidebar{position:sticky;top:35px}.article-toc,.article-cta{padding:24px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 32px rgba(20,49,77,.06)}.article-toc>strong{display:block;font-size:14px;color:var(--navy);margin-bottom:15px}.article-toc a{display:block;padding:8px 0;font-size:13px;line-height:1.4;color:var(--muted);border-bottom:1px solid #edf2f2}.article-toc a:last-child{border:0}.article-toc a:hover{color:var(--green)}.article-cta{margin-top:15px;background:var(--navy);color:white}.article-cta strong{display:block;font-size:20px;line-height:1.25}.article-cta p{font-size:13px;line-height:1.55;color:#bdcad6;margin:12px 0 17px}.article-cta a{display:inline-flex;padding:11px 14px;border-radius:8px;background:var(--green);font-size:13px;font-weight:800}
.article-next{background:#eef7f5;padding:72px 25px}.article-next-inner{max-width:920px;margin:auto;text-align:center}.article-next small{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--green)}.article-next h2{font-size:clamp(30px,4vw,44px);line-height:1.15;margin:15px 0 23px}.article-next a{display:inline-flex;gap:10px;align-items:center;font-weight:800;color:var(--navy)}
@media(max-width:980px){.blog-browser{align-items:start;flex-direction:column}.blog-filters{justify-content:flex-start}.blog-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr;gap:35px}.article-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}.article-cta{margin:0}.article-cover{margin-bottom:55px}}
@media(max-width:780px){.blog-page .header{position:absolute}.blog-index-hero{padding:140px 20px 40px}.blog-index-hero p:last-child{font-size:17px}.blog-overview{padding-top:32px}.blog-browser{padding:24px 22px}.blog-overview-feature{grid-template-columns:1fr}.blog-overview-feature>div:first-child{height:300px}.blog-overview-copy{padding:38px 29px}.blog-grid{grid-template-columns:1fr}.blog-card{min-height:0}.blog-card-image{height:240px}.article-hero{padding:135px 20px 48px}.article-cover{height:52vw;min-height:250px;margin-bottom:45px;border-radius:0 0 20px 20px}.article-layout{padding:0 20px 75px}.article-content{font-size:17px}.article-content>p:first-of-type{font-size:19px}.article-content h2{font-size:29px;margin-top:45px}.article-sidebar{grid-template-columns:1fr}.article-toc{display:none}}
@media(max-width:480px){.blog-index-hero h1{font-size:43px}.blog-browser{margin-bottom:28px}.blog-filters{display:grid;grid-template-columns:1fr 1fr;width:100%}.blog-filters button{justify-content:space-between}.blog-filters button:first-child{grid-column:1/-1}.blog-overview-feature>div:first-child{height:240px}.blog-overview-copy{padding:31px 23px}.blog-overview-copy h2{font-size:33px}.blog-list-head{align-items:start;flex-direction:column;gap:8px}.blog-card-image{height:210px}.blog-page-controls button{width:38px;height:38px}.article-hero h1{font-size:37px}.article-cover{min-height:220px}.article-content{font-size:16px;line-height:1.75}.article-content>p:first-of-type{font-size:18px}.article-content h2{font-size:27px}.article-next{padding:55px 20px}}
.article-cover.article-cover--share{margin-bottom:18px}
.article-share{max-width:1160px;margin:0 auto 60px;padding:0 25px;color:var(--navy)}
.article-share-toggle{display:inline-flex;align-items:center;gap:9px;padding:11px 19px;border:1.5px solid #258963;border-radius:999px;background:#fff;color:#258963;font:inherit;font-size:15px;font-weight:750;cursor:pointer}
.article-share-toggle:hover,.article-share-toggle[aria-expanded="true"]{background:#e6f7f0}
.article-share-options{max-width:560px;margin-top:14px;padding:20px;border:1px solid #dce7e4;border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(20,49,77,.06)}
.article-share-options>span{display:block;margin-bottom:13px;font-size:14px;font-weight:750}
.article-share-actions{display:flex;flex-wrap:wrap;gap:9px}
.article-share-actions a,.article-share-actions button{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid #dce7e4;border-radius:9px;background:#f7faf9;color:var(--navy);font:inherit;font-size:14px;font-weight:650;text-decoration:none;cursor:pointer}
.article-share-actions a:hover,.article-share-actions button:hover{border-color:#258963;background:#e6f7f0;color:#258963}
.article-share button:focus-visible,.article-share a:focus-visible,.article-share input:focus-visible{outline:3px solid #258963;outline-offset:3px}
.article-share-status{margin:12px 0 0;font-size:14px;line-height:1.5}.article-share-status:empty{display:none}
.article-share-manual{display:block;margin-top:16px;font-size:14px}.article-share-manual input{display:block;width:100%;margin-top:8px;padding:10px;border:1px solid #dce7e4;border-radius:8px;color:var(--navy);background:#f7faf9;font:inherit}
.article-share [hidden]{display:none!important}
@media(max-width:780px){.article-share{padding:0 20px;margin-bottom:38px}}

/* Compact, single-line links in editorial sidebar invitations. */
.article-cta a[data-cta-type]{align-items:center;justify-content:center;gap:8px;white-space:nowrap}
.article-cta a[data-cta-type]>span:last-child{flex-shrink:0}
.article-cta .article-cta-read{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:13px 16px;font-size:14px;line-height:1.3;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.article-cta .article-cta-read>span:last-child{flex:0 0 auto;font-size:18px;line-height:1}
.article-cta .article-cta-read:focus-visible{outline:3px solid #fff;outline-offset:4px}
