:root{
    --blog-navy:#172033;
    --blog-muted:#687386;
    --blog-green:#16865d;
    --blog-green-dark:#11714e;
    --blog-border:#e5e9f0;
    --blog-bg:#f5f7fa;
}
body{background:var(--blog-bg);color:var(--blog-navy);}
.blog-shell{width:min(100% - 28px,1120px);margin:0 auto;}
.blog-kicker{color:var(--blog-green);font-size:.76rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;}
.blog-hero{padding:68px 0 58px;background:radial-gradient(circle at 80% 20%,rgba(22,134,93,.10),transparent 28%),linear-gradient(180deg,#fff,#f5f7fa);border-bottom:1px solid var(--blog-border);}
.blog-hero h1{max-width:760px;margin:8px 0 14px;font-size:clamp(2.3rem,6vw,4.7rem);line-height:.98;letter-spacing:-.045em;font-weight:900;}
.blog-hero p{max-width:760px;margin:0;color:var(--blog-muted);font-size:1.08rem;line-height:1.65;}
.blog-hero-actions{margin-top:24px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;}
.blog-share-btn{min-height:40px;padding:8px 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dce2e9;border-radius:999px;background:#fff;color:#435067;font-size:.88rem;font-weight:800;line-height:1;cursor:pointer;transition:border-color .16s ease,color .16s ease,background .16s ease,transform .16s ease;}
.blog-share-btn:hover,.blog-share-btn:focus-visible{border-color:#a9cfbf;background:#f3faf7;color:var(--blog-green);}
.blog-share-btn:active{transform:translateY(1px);}
.blog-share-btn-hero{min-height:38px;}
.blog-list-section{padding:48px 0 28px;}
.blog-section-heading{margin-bottom:22px;display:flex;align-items:end;justify-content:space-between;gap:28px;}
.blog-section-heading h2{margin:5px 0 0;font-size:2rem;font-weight:900;letter-spacing:-.03em;}
.blog-section-heading p{max-width:450px;margin:0;color:var(--blog-muted);}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.blog-card{overflow:hidden;border:1px solid var(--blog-border);border-radius:22px;background:#fff;box-shadow:0 10px 35px rgba(23,32,51,.04);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.blog-card:hover{transform:translateY(-2px);border-color:#cfe2d8;box-shadow:0 16px 44px rgba(23,32,51,.08);}
.blog-card-link{min-height:100%;padding:26px;display:block;color:inherit;text-decoration:none;}
.blog-card-cover{margin:-4px -4px 20px;border-radius:16px;overflow:hidden;border:1px solid var(--blog-border);background:#f2f4f7;}
.blog-card-cover img{display:block;width:100%;height:auto;aspect-ratio:1731/909;object-fit:cover;}
.blog-card-icon{width:44px;height:44px;margin-bottom:18px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:#eff8f4;color:var(--blog-green);font-size:1.25rem;}
.blog-card-meta{display:flex;gap:6px;color:#7a8493;font-size:.76rem;font-weight:750;text-transform:uppercase;letter-spacing:.045em;}
.blog-card h2{margin:8px 0 10px;font-size:1.45rem;line-height:1.16;font-weight:900;letter-spacing:-.025em;}
.blog-card p{margin:0;color:var(--blog-muted);line-height:1.58;}
.blog-card-cta{margin-top:22px;color:var(--blog-green);font-weight:800;}
.blog-next-box{margin:30px 0 26px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #d7e9df;border-radius:22px;background:linear-gradient(135deg,#eff9f4,#fff);}
.blog-next-box h2{margin:5px 0 7px;font-size:1.5rem;font-weight:900;}
.blog-next-box p{max-width:720px;margin:0;color:var(--blog-muted);}
.blog-breadcrumb{padding:22px 0 4px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:#7a8493;font-size:.82rem;}
.blog-breadcrumb a{color:#596579;text-decoration:none;}
.blog-breadcrumb a:hover{color:var(--blog-green);text-decoration:underline;}
.article-layout{padding:26px 0 20px;}
.article-hero{max-width:900px;padding:26px 0 36px;}
.article-meta{display:flex;align-items:center;gap:10px;color:#7a8493;font-size:.8rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em;}
.article-category{display:inline-flex;align-items:center;gap:6px;color:var(--blog-green);}
.article-hero h1{max-width:950px;margin:13px 0 13px;font-size:clamp(2.25rem,5.8vw,4.4rem);line-height:1;font-weight:900;letter-spacing:-.045em;}
.article-lead{max-width:820px;margin:0;color:var(--blog-muted);font-size:1.08rem;line-height:1.65;}
.article-cover-wrap{max-width:900px;margin:24px 0 0;}
.article-cover{display:block;width:100%;height:auto;border-radius:20px;border:1px solid var(--blog-border);box-shadow:0 14px 38px rgba(23,32,51,.08);}
.article-footer-row{margin-top:18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.article-date{color:#87909d;font-size:.82rem;}
.article-columns{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:34px;align-items:start;}
.article-main{min-width:0;}
.quick-answer{margin-bottom:26px;padding:24px;display:grid;grid-template-columns:46px minmax(0,1fr);gap:16px;border:1px solid #cfe5da;border-radius:20px;background:linear-gradient(135deg,#eff9f4,#fff);}
.quick-answer-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--blog-green);color:#fff;font-size:1.15rem;}
.quick-answer p{margin:5px 0 0;line-height:1.65;font-size:1.01rem;}
.article-section{margin-bottom:20px;padding:30px;border:1px solid var(--blog-border);border-radius:22px;background:#fff;}
.article-section h2{margin:0 0 14px;font-size:1.6rem;font-weight:900;letter-spacing:-.025em;}
.article-section p{color:#4f5a6c;line-height:1.72;font-size:1rem;}
.article-section p:last-child{margin-bottom:0;}
.article-check-list{padding:0;margin:18px 0 0;list-style:none;display:grid;gap:10px;}
.article-check-list li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;color:#465164;line-height:1.55;}
.article-check-list i{color:var(--blog-green);margin-top:2px;}
.article-cta{margin:26px 0;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-radius:22px;background:var(--blog-navy);color:#fff;}
.article-cta h2{margin:5px 0 8px;font-size:1.55rem;font-weight:900;}
.article-cta p{max-width:620px;margin:0;color:#cad1dc;line-height:1.55;}
.article-cta .blog-kicker{color:#67d9ad;}
.faq-list{display:grid;gap:9px;}
.faq-item{border:1px solid var(--blog-border);border-radius:14px;background:#fbfcfd;}
.faq-item summary{padding:16px 18px;cursor:pointer;font-weight:800;list-style:none;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:"+";float:right;color:var(--blog-green);font-size:1.15rem;}
.faq-item[open] summary::after{content:"–";}
.faq-item p{padding:0 18px 17px;margin:0;}
.source-list{display:grid;gap:9px;margin-top:18px;}
.source-link{padding:13px 14px;display:flex;align-items:flex-start;gap:10px;border:1px solid var(--blog-border);border-radius:12px;color:#405067;text-decoration:none;background:#fafbfc;}
.source-link:hover{border-color:#bcd9cb;color:var(--blog-green);}
.source-link i{margin-top:2px;}
.article-disclaimer{padding:16px 18px;display:grid;grid-template-columns:20px minmax(0,1fr);gap:9px;border-radius:14px;color:#6a7484;background:#eef1f5;font-size:.86rem;line-height:1.5;}
.article-aside{position:sticky;top:22px;}
.aside-card{padding:20px;border:1px solid var(--blog-border);border-radius:20px;background:#fff;}
.related-link{padding:14px 0;display:grid;grid-template-columns:minmax(0,1fr) 18px;gap:9px;border-bottom:1px solid var(--blog-border);color:var(--blog-navy);text-decoration:none;font-weight:800;line-height:1.35;}
.related-link:hover{color:var(--blog-green);}
.related-all{display:inline-block;margin-top:16px;color:var(--blog-green);text-decoration:none;font-size:.88rem;font-weight:800;}
@media(max-width:900px){.article-columns{grid-template-columns:1fr;}.article-aside{position:static;}.blog-grid{grid-template-columns:1fr;}}
@media(max-width:720px){
    .blog-shell{width:min(100% - 20px,1120px);}
    .blog-hero{padding:44px 0 40px;}
    .blog-section-heading,.blog-next-box,.article-cta{align-items:stretch;flex-direction:column;}
    .blog-section-heading{display:flex;}
    .blog-next-box .btn,.article-cta .btn{width:100%;}
    .article-footer-row{align-items:flex-start;}
    .blog-share-btn{min-height:42px;}
    .article-section,.quick-answer,.blog-card-link{padding:20px;}
    .quick-answer{grid-template-columns:38px minmax(0,1fr);}
    .quick-answer-icon{width:38px;height:38px;border-radius:11px;}
    .article-cover-wrap{margin-top:20px;}
    .article-cover{border-radius:16px;}
}