.blog-post-page main{background:var(--blog-paper)}
.post-hero{width:80%;max-width:1400px;margin:0 auto;padding:40px 0 0}
.post-breadcrumb{display:flex;align-items:center;gap:10px;font:600 13px Inter,sans-serif;color:#75807b;margin-bottom:30px}
.post-breadcrumb a{color:#75807b;text-decoration:none}
.post-breadcrumb a:hover{color:var(--blog-green)}
.post-breadcrumb i{font-size:9px;color:#b7bdb9}
.post-breadcrumb span{color:var(--blog-ink);font-weight:700}
.post-header{width:100%;text-align:left}
.post-header .blog-meta{margin-bottom:18px}
.post-header .blog-meta span{background:var(--blog-lime);color:#0a251f;padding:7px 14px;border-radius:14px;font-weight:800;letter-spacing:1px}
.post-header .blog-meta time{color:#9ba39f;font-weight:700}
.post-header h1{font-size:56px;line-height:1.1;letter-spacing:-2.2px;margin:0 0 26px;color:var(--blog-ink);font-family:Inter,sans-serif;max-width:1000px}
.post-header p.post-lead{font-size:20px;line-height:1.7;color:#5a655f;margin:0 0 44px;max-width:820px}
.post-cover{width:80%;max-width:1400px;margin:0 auto 64px}
.post-cover img{width:100%;height:560px;object-fit:cover;border-radius:26px;box-shadow:0 30px 80px #12332916;display:block}
.post-body{width:80%;max-width:1400px;margin:0 auto 60px;font-family:Inter,sans-serif;display:grid;grid-template-columns:1fr 260px;gap:80px;align-items:start}
.post-body__main{min-width:0}
.post-body p{font-size:18px;line-height:1.9;color:#3a423e;margin:0 0 28px}
.post-body h2{font-size:32px;line-height:1.25;letter-spacing:-1px;color:var(--blog-ink);margin:56px 0 22px;font-weight:800}
.post-body h2:first-child{margin-top:0}
.post-body h3{font-size:23px;line-height:1.3;color:var(--blog-ink);margin:36px 0 16px;font-weight:700}
.post-body ul,.post-body ol{margin:0 0 30px;padding-left:24px;display:flex;flex-direction:column;gap:14px}
.post-body li{font-size:18px;line-height:1.75;color:#3a423e}
.post-body li strong{color:var(--blog-ink)}
.post-body strong{color:var(--blog-ink)}
.post-body a{color:var(--blog-green);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.post-toc{position:sticky;top:32px;background:#fff;border:1px solid #e8ebe7;border-radius:18px;padding:28px 26px}
.post-toc span{display:block;font:800 10px Inter,sans-serif;letter-spacing:1.5px;color:var(--blog-green);margin-bottom:16px}
.post-toc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.post-toc a{font:600 14px Inter,sans-serif;color:#5a655f;text-decoration:none;line-height:1.4;display:block}
.post-toc a:hover{color:var(--blog-green)}
.post-cta{width:80%;max-width:1400px;margin:20px auto 110px;background:var(--blog-green);border-radius:22px;padding:52px 56px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.post-cta p{margin:0;color:#e7ece9;font-size:18px;line-height:1.6;max-width:520px}
.post-cta a{background:var(--blog-lime);color:#0a251f;border-radius:28px;padding:18px 26px;font:800 13px Inter,sans-serif;letter-spacing:.5px;white-space:nowrap;text-decoration:none}
.post-cta a i{margin-left:10px}
@media(max-width:1100px){
  .post-hero,.post-cover,.post-body,.post-cta{width:calc(100% - 48px)}
  .post-body{grid-template-columns:1fr}
  .post-toc{position:static;margin-bottom:16px}
}
@media(max-width:650px){
  .post-header h1{font-size:34px;letter-spacing:-1.2px}
  .post-header p.post-lead{font-size:17px}
  .post-cover img{border-radius:16px;height:280px}
  .post-body h2{font-size:24px;margin-top:42px}
  .post-body h3{font-size:19px}
  .post-body p,.post-body li{font-size:16px}
  .post-cta{padding:34px 28px;flex-direction:column;align-items:flex-start}
}