.blog-home,.blog-article{background:#f7f8f2}
.blog-hero{color:#fff;padding:157px 0 106px;position:relative;overflow:hidden}
.blog-hero::before{content:'';position:absolute;width:900px;height:900px;right:-340px;top:-380px;border-radius:50%;background:radial-gradient(circle,rgba(90,187,135,.16),transparent 67%);pointer-events:none}
.blog-hero .wrap{position:relative}
.blog-label{color:#b5d9b4;font:800 11px RobotoLocal,sans-serif;letter-spacing:.18em}.blog-label span{color:#34d399;margin:0 12px}
.blog-hero-intro{max-width:1050px;margin-bottom:60px}.blog-hero h1,.blog-section-head h2,.blog-outro h2{font:600 clamp(50px,6.3vw,94px)/1.05 JakartaLocal,sans-serif;letter-spacing:-.08em;margin:24px 0}
.blog-hero h1 em,.blog-section-head h2 em,.blog-outro h2 em{font-family:RobotoSlabLocal,Georgia,serif;font-weight:400;letter-spacing:-.065em;color:#34d399}
.blog-hero-intro>p{font-size:16px;line-height:1.7;color:#b7d0c5;max-width:585px}
.blog-hero-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:22px;align-items:stretch}
.blog-featured{border:1px solid rgba(255,255,255,.18);border-radius:13px;overflow:hidden;background:#144241}
.blog-featured>a{display:flex;height:100%;flex-direction:column;text-decoration:none}
.blog-featured-image{height:clamp(285px,29vw,415px);position:relative;overflow:hidden;background:#476c63}
.blog-featured-image img,.blog-story-image img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.blog-featured:hover img,.blog-story-card:hover img{transform:scale(1.06)}
.blog-image-chip{position:absolute;top:22px;left:22px;background:#34d399;color:#163334;border-radius:40px;padding:12px 16px;font:800 10px RobotoLocal,sans-serif;letter-spacing:.08em}.blog-image-chip span{margin-left:17px;font-size:16px}
.blog-featured-body{padding:30px 35px 34px;display:flex;flex-direction:column;flex:1}
.blog-meta{font:800 10px RobotoLocal,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#34d399}.blog-meta span{margin:0 8px;color:#91b6a4}
.blog-featured h2{font:600 clamp(28px,3vw,43px)/1.14 JakartaLocal,sans-serif;letter-spacing:-.065em;margin:17px 0 10px;max-width:660px}
.blog-featured p{font-size:13px;color:#b5d0c5;line-height:1.65;margin:0;max-width:550px}
.blog-read{display:flex;justify-content:space-between;align-items:center;color:#34d399;border-top:1px solid rgba(255,255,255,.18);padding-top:19px;margin-top:26px;font-weight:800;font-size:12px}.blog-read span{font-size:20px}
.blog-side{background:#e0f2f1;color:#173c33;padding:clamp(30px,4vw,54px);border-radius:13px;display:flex;flex-direction:column;justify-content:space-between;min-height:585px}
.blog-side-index{font:800 10px RobotoLocal,sans-serif;letter-spacing:.13em}
.blog-side-symbol{font-size:86px;font-weight:300;display:inline-block;transform:rotate(-14deg);line-height:1}
.blog-side h2{font:600 clamp(38px,3.6vw,55px)/1.09 JakartaLocal,sans-serif;letter-spacing:-.077em;margin:27px 0 17px}
.blog-side h2 em{color:#4c9a63;font-family:RobotoSlabLocal,Georgia,serif;font-weight:400}
.blog-side p{font-size:13px;line-height:1.8;max-width:270px}
.blog-side-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #9cc979;padding-top:17px;font-size:12px;font-weight:800;text-decoration:none}.blog-side-link span{font-size:20px}
.blog-ticker{background:#e0f2f1;color:#2c5544;padding:20px 0;font:800 11px RobotoLocal,sans-serif;letter-spacing:.17em}
.blog-ticker .wrap{display:flex;justify-content:space-between;gap:25px;white-space:nowrap}.blog-ticker i{font-size:15px;font-style:normal}
.blog-latest{padding:115px 0 145px}.blog-section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:48px}.blog-section-head h2{font-size:clamp(45px,5.2vw,75px);margin:17px 0 0}.blog-section-head h2 em{color:#55a374}
.blog-section-head>p{font-size:13px;color:#687b71;line-height:1.8;max-width:300px}
.blog-filters{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:24px;border-bottom:1px solid #d5e1d6;margin-bottom:27px}
.blog-filters button{border:1px solid #c9dbcd;border-radius:80px;background:transparent;color:#486758;padding:11px 16px;font-size:11px;font-weight:750;transition:background .2s,color .2s}
.blog-filters button span{margin-left:9px}.blog-filters button:hover,.blog-filters button.is-current{background:#0c3c35;color:#34d399;border-color:#0c3c35}
.blog-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.blog-story-card{background:#fff;border:1px solid #dce5dc;border-radius:11px;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.blog-story-card:hover{transform:translateY(-6px);box-shadow:0 28px 55px rgba(12,67,47,.1)}.blog-story-card>a{height:100%;display:flex;flex-direction:column;text-decoration:none}
.blog-story-image{position:relative;height:270px;overflow:hidden;background:#c7dacb}.blog-card-arrow{display:grid;place-items:center;position:absolute;right:18px;bottom:18px;border-radius:50%;width:43px;height:43px;background:#34d399;color:#193333;font-size:21px;transition:transform .3s}.blog-story-card:hover .blog-card-arrow{transform:rotate(45deg)}
.blog-story-body{padding:28px 30px 29px;flex:1;display:flex;flex-direction:column}.blog-story-body .blog-meta{color:#368064}.blog-story-body h3{font:600 clamp(24px,2.5vw,34px)/1.2 JakartaLocal,sans-serif;letter-spacing:-.06em;margin:15px 0 12px}.blog-story-body p{font-size:13px;line-height:1.7;color:#667970;margin:0 0 29px}
.blog-story-link{display:flex;justify-content:space-between;color:#168263;font-weight:800;font-size:11px;margin-top:auto;padding-top:16px;border-top:1px solid #e2e9df}.blog-story-link span{font-size:19px}
.blog-outro{background:#0a2d2b;color:#fff;padding:105px 0}.blog-outro-inner{max-width:1000px}.blog-outro .section-index{color:#34d399}.blog-outro h2{font-size:clamp(49px,6vw,88px)}.blog-outro p{color:#b1cfc3;max-width:550px;line-height:1.7}.blog-outro .pill-button{margin-top:20px}
.article-hero{color:#fff;padding:130px 0 65px}.article-back{display:inline-block;text-decoration:none;font:800 10px RobotoLocal,sans-serif;letter-spacing:.14em;color:#b6ddb4;margin:20px 0 55px}.article-hero-copy{max-width:1000px}.article-hero h1{font:600 clamp(45px,6vw,89px)/1.06 JakartaLocal,sans-serif;letter-spacing:-.075em;margin:22px 0}.article-hero-copy>p{font-size:18px;line-height:1.65;color:#b6d0c8;max-width:700px;margin-bottom:48px}.article-hero img{display:block;max-height:570px;width:100%;object-fit:cover;border-radius:12px}
.article-layout{display:grid;grid-template-columns:210px minmax(0,780px);justify-content:center;gap:80px;padding:100px 0 130px}.article-sidebar{align-self:start;position:sticky;top:110px;display:grid;gap:17px;border-top:2px solid #13815c;padding-top:19px;font-size:12px}.article-sidebar span{font-size:10px;letter-spacing:.16em;color:#558574;font-weight:800}.article-sidebar a{text-decoration:none;color:#356451}.article-body{font:16px/1.9 InterLocal,sans-serif;color:#324b44}.article-body>p:first-child{font-size:20px;line-height:1.65;color:#143d33}.article-body h2{font:600 32px/1.25 JakartaLocal,sans-serif;letter-spacing:-.055em;color:#173d35;margin:2em 0 .55em}.article-body a{color:#14674b}.article-body ul{padding-left:23px}.article-body li{margin:12px 0}.article-ending{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #cbdace;margin-top:70px;padding-top:20px;font:800 11px RobotoLocal,sans-serif;letter-spacing:.12em;color:#4b8a6c}.article-ending a{text-decoration:none;font:800 12px InterLocal,sans-serif;letter-spacing:0}
@media(max-width:900px){.blog-hero-grid{grid-template-columns:1fr}.blog-side{min-height:300px}.blog-ticker .wrap{overflow:hidden}.blog-card-grid{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr;gap:35px}.article-sidebar{position:static;display:flex;flex-wrap:wrap}}
@media(max-width:700px){.blog-hero{padding:135px 0 72px}.blog-hero-intro{margin-bottom:35px}.blog-hero h1{font-size:clamp(45px,10vw,65px)}.blog-hero-grid{gap:15px}.blog-featured-image{height:250px}.blog-featured-body{padding:23px}.blog-side{padding:28px;min-height:370px}.blog-ticker{font-size:9px}.blog-ticker .wrap{gap:16px}.blog-latest{padding:85px 0}.blog-section-head{display:block;margin-bottom:28px}.blog-section-head>p{max-width:380px}.blog-card-grid{grid-template-columns:1fr}.blog-story-image{height:240px}.blog-filters{gap:7px}.blog-filters button{padding:9px 12px;font-size:10px}.blog-outro{padding:80px 0}.article-hero{padding:110px 0 40px}.article-hero h1{font-size:clamp(42px,10vw,62px)}.article-hero-copy>p{font-size:16px}.article-back{margin-bottom:35px}.article-layout{padding:60px 0 90px}.article-body{font-size:15px}}
.blog-side-image{display:block;width:100%;height:100px;object-fit:cover;border-radius:7px;margin-top:16px;filter:saturate(.8)}

/* Blog follows the same teal and neutral palette. */
.blog-home,.blog-article{background:#f8fafb}.blog-side,.blog-ticker{background:#e0f2f1;color:#14344a}.blog-side-link{border-color:#91c7c4}.blog-featured{background:#1b6b6e}.blog-image-chip{background:#00d4aa;color:#14344a}.blog-outro{background:#14344a}.blog-story-card:hover,.blog-featured:hover{outline-color:#00d4aa}

/* WordPress-driven browsing: topic archives, search, tags and pagination. */
.blog-browse{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px 24px;padding-bottom:24px;border-bottom:1px solid #d5e1d6;margin-bottom:27px}
.blog-browse .blog-filters{padding:0;border:0;margin:0}
.blog-filters a{display:inline-flex;align-items:center;gap:9px;border:1px solid #c9dbcd;border-radius:80px;color:#14344a;padding:10px 15px;font-size:11px;font-weight:750;text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.blog-filters a span{font-variant-numeric:tabular-nums;opacity:.65}
.blog-filters a:hover,.blog-filters a:focus-visible,.blog-filters a.is-current{background:#14344a;color:#fff;border-color:#14344a}
.blog-search{display:flex;align-items:center;border:1px solid #c9dbcd;border-radius:80px;background:#fff;padding:4px 4px 4px 16px;min-width:min(100%,300px)}
.blog-search input{flex:1;min-width:0;border:0;background:transparent;font:500 13px InterLocal,sans-serif;color:#14344a;padding:8px 0;outline:0}
.blog-search:focus-within{border-color:#1b6b6e;box-shadow:0 0 0 3px rgba(0,212,170,.18)}
.blog-search button{border:0;border-radius:80px;background:#14344a;color:#fff;padding:9px 14px;font-size:11px;font-weight:800;cursor:pointer}
.blog-pagination{margin-top:48px}
.blog-pagination .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.blog-pagination .page-numbers{display:grid;place-items:center;min-width:42px;height:42px;padding:0 14px;border:1px solid #c9dbcd;border-radius:80px;color:#14344a;font-size:12px;font-weight:800;text-decoration:none}
.blog-pagination a.page-numbers:hover,.blog-pagination a.page-numbers:focus-visible{border-color:#1b6b6e;background:#e0f2f1}
.blog-pagination .page-numbers.current{background:#14344a;border-color:#14344a;color:#fff}
.blog-pagination .page-numbers.dots{border:0}
.blog-empty{padding:40px 0;font-size:15px;color:#4b5563}
.blog-hero.is-compact{padding-bottom:70px}
.blog-hero.is-compact .blog-hero-intro{margin-bottom:0}
.blog-hero .article-back{display:block;width:max-content;margin:0 0 30px}
.blog-meta a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor}
.article-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:45px}
.article-tags span{font-size:10px;font-weight:800;letter-spacing:.16em;color:#558574;margin-right:6px}
.article-tags a{border:1px solid #c9dbcd;border-radius:80px;padding:7px 12px;font-size:12px;font-weight:700;color:#14344a;text-decoration:none}
.article-tags a:hover,.article-tags a:focus-visible{background:#e0f2f1;border-color:#1b6b6e}
.article-related{padding-top:0}
.blog-card-grid.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.blog-card-grid.is-three{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.blog-card-grid.is-three{grid-template-columns:1fr}.blog-browse{flex-direction:column}.blog-search{width:100%}}