.blog-hero{padding:82px 8vw 76px;background:var(--cream);text-align:center}
.blog-hero h1{max-width:900px;margin:0 auto;font-size:clamp(2.6rem,5vw,4.6rem)}
.blog-hero>p:last-child{max-width:680px;margin:22px auto 0;color:var(--muted);font-size:1.08rem}
.blog-list-section{padding:76px 8vw 95px;background:#fff}
.blog-list-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}
.blog-list-heading h2{font-size:clamp(2.2rem,4vw,3.3rem)}
.blog-list-heading>p{color:var(--muted);max-width:350px;margin-bottom:5px}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.blog-card{display:flex;flex-direction:column;min-height:320px;padding:25px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 8px 25px #1f392008;transition:transform .2s,box-shadow .2s}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 15px 32px #1f392012}
.blog-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}
.blog-category{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--green2);background:#e8efe6;border-radius:99px;padding:6px 9px}
.blog-read{font-size:.75rem;color:#8a938a}
.blog-card h2{font-size:1.35rem;letter-spacing:-.025em;line-height:1.25;margin-bottom:12px}
.blog-card h2 a{color:var(--ink);text-decoration:none}
.blog-card h2 a:hover{color:var(--green2)}
.blog-card>p{font-size:.93rem;color:var(--muted);margin:0 0 20px}
.blog-author{margin-top:auto;display:flex;flex-wrap:wrap;gap:5px 9px;align-items:center;font-size:.8rem;color:#657168;padding-top:14px;border-top:1px solid #edf0e9}
.blog-author strong{color:var(--green)}
.blog-author span{color:#8a938a}
.blog-card-link{margin-top:15px;color:var(--green);text-decoration:none;font-weight:800;font-size:.9rem}
.blog-card-link span{margin-left:5px}
.blog-note{margin:30px 0 0;padding:16px 18px;border-left:3px solid var(--orange);background:var(--cream);color:var(--muted);font-size:.88rem}
.article-main{background:#fbfbf7;padding:42px 6vw 90px}
.back-link{display:inline-block;margin:0 auto 22px;max-width:820px;color:var(--green);font-weight:700;text-decoration:none}
.article{max-width:820px;margin:0 auto;background:white;border:1px solid var(--line);border-radius:16px;padding:clamp(24px,5vw,58px);box-shadow:0 12px 32px #1f392008}
.article h1{font-size:clamp(2.3rem,4.8vw,3.8rem);margin-bottom:18px}
.article-summary{font-size:1.13rem;color:var(--muted);margin-bottom:18px}
.byline{font-size:.85rem;color:#758076;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:28px}
.byline strong{color:var(--green)}
.article section{margin:0 0 27px}
.article section h2,.article-sources h2{font-size:1.35rem;margin-bottom:10px;letter-spacing:-.025em}
.article section p{color:#4d5b51;margin:0}
.key-takeaway{background:#edf2e9;border-radius:12px;padding:20px 22px;margin:30px 0}
.key-takeaway strong{color:var(--green);font:800 1.05rem Manrope}
.key-takeaway p{margin:7px 0 0}
.article-sources{border-top:1px solid var(--line);padding-top:22px;margin:24px 0}
.article-sources ul{padding-left:20px;margin-bottom:0}
.article-sources li{margin:7px 0}
.article-sources a{color:var(--green)}
.article-disclaimer{font-size:.83rem;color:#788278;border-top:1px solid var(--line);padding-top:18px;margin:25px 0}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-list-section{padding-left:6vw;padding-right:6vw}}
@media(max-width:680px){.blog-hero{padding:62px 7vw}.blog-list-section{padding:60px 7vw}.blog-list-heading{display:block}.blog-list-heading>p{margin-top:14px}.blog-grid{grid-template-columns:1fr}.blog-card{min-height:0}.article-main{padding:25px 4vw 55px}.article{padding:25px 22px}.article h1{font-size:2.25rem}}