.header nav a[aria-current]{color:#087e77;font-weight:700}
.posts-hero{padding:64px 0 56px;background:#e7eee2;border-bottom:1px solid #172b2a12}
.posts-hero .eyebrow{color:#367461}
.posts-hero h1{max-width:900px;font-size:clamp(36px,4.5vw,62px);line-height:1.15;letter-spacing:-2px;margin:20px 0 24px;text-wrap:balance}
.posts-hero .lead{max-width:640px;font-size:16px}
.posts-hero .text-link{margin-bottom:30px}
.post-meta{font-size:12px;color:#506a5d;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.posts-hero .post-meta{margin-top:25px}
.posts-list{list-style:none;padding:0;margin:0;max-width:900px}
.posts-listing{padding-block:54px 90px}
.post-card{padding:34px 0 40px;border-bottom:1px solid #172b2a25}
.post-card h2{font-size:clamp(26px,3vw,36px);line-height:1.3;letter-spacing:-1px;margin:16px 0}
.post-card h2 a:hover{color:#087e77}
.post-card>p:not(.post-meta){max-width:690px;color:#506a5d}
.article-layout{max-width:740px;padding-block:56px 90px}
.article-body{min-width:0;font-size:16px;line-height:1.9;color:#42584c;overflow-wrap:break-word}
.article-body>p{margin:0 0 22px}
.article-body h2{font-size:clamp(25px,2.6vw,32px);line-height:1.3;letter-spacing:-.8px;color:#172b2a;margin:48px 0 20px;scroll-margin-top:112px}
.article-body h2:first-child{margin-top:0}
.article-body a:not(.button){color:#08746d;text-decoration:underline;text-underline-offset:3px}
.article-body ul,.article-body ol{padding-left:24px;margin:22px 0}
.article-body li{padding-left:5px;margin:12px 0}
.article-table{max-width:100%;overflow-x:auto;margin:28px 0;overscroll-behavior-x:contain}
.article-table:focus-visible{outline-offset:2px}
.article-table table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}
.article-table caption{text-align:left;font-size:12px;color:#506a5d;margin-bottom:12px}
.article-table th,.article-table td{padding:14px 16px;border:1px solid #172b2a20;vertical-align:top}
.article-table th{background:#e7eee2;color:#172b2a;font-weight:700}
.article-table td{background:#fff}
.article-note{padding:24px 28px;background:#e7eee2;border-left:3px solid #087e77;border-radius:0 8px 8px 0;margin:28px 0}
.article-note p+p{margin-top:14px}
.article-note strong{color:#172b2a}
.article-screenshot{margin:32px 0;padding:24px;background:#e7eee2;border:1px solid #172b2a12;border-radius:16px}
.article-screenshot>a{display:block;width:min(100%,360px);margin-inline:auto}
.article-screenshot img{width:100%;height:auto;border-radius:12px}
.article-screenshot figcaption{max-width:580px;margin:20px auto 0;font-size:12px;line-height:1.8;text-align:center;letter-spacing:0;color:#506a5d}
.article-cta{border-top:1px solid #172b2a25;padding-top:32px;margin-top:40px}
.article-cta p{margin-bottom:24px}
.article-references{margin-top:48px}
.article-body .article-references li+li{margin-top:24px}
@media(max-width:960px){.header nav{gap:12px}}
@media(max-width:700px){.posts-hero{padding:38px 0}.posts-hero h1{letter-spacing:-1.3px}.article-layout{padding-block:32px 60px}.article-body{font-size:15px}.article-table th,.article-table td{padding:11px;font-size:12px}.article-note{padding:20px}.posts-listing{padding-block:12px 60px}}