/* ===== Blog post / guide pages (mobile responsive) ===== */
.post-hero{padding:130px 0 40px;text-align:center;}
.post-hero .crumb{font-size:14px;opacity:.7;margin-bottom:10px;}
.post-hero h1{font-size:2.1rem;line-height:1.25;font-weight:800;margin:0 auto;max-width:820px;}
.post-hero .meta{margin-top:14px;font-size:14px;opacity:.75;}
.post-body{padding:10px 0 70px;}
.post-body .article{max-width:820px;margin:0 auto;font-size:17px;line-height:1.75;}
.post-body .article h2{font-size:1.5rem;font-weight:700;margin:38px 0 14px;}
.post-body .article h3{font-size:1.2rem;font-weight:700;margin:26px 0 10px;}
.post-body .article p{margin:0 0 18px;}
.post-body .article ul,.post-body .article ol{margin:0 0 20px;padding-left:22px;}
.post-body .article li{margin-bottom:9px;}
.post-body .article a{text-decoration:underline;}
.post-note{border-left:4px solid #1cc88a;background:rgba(28,200,138,.08);
  padding:14px 18px;border-radius:6px;margin:24px 0;}
.post-cta{margin:36px 0;padding:26px;border-radius:12px;
  background:linear-gradient(135deg,#1f2a44,#2b3c66);color:#fff;text-align:center;}
.post-cta h3{color:#fff;margin:0 0 8px;}
.post-cta p{margin:0 0 16px;opacity:.9;}
.post-cta .btn{display:inline-block;background:#25D366;color:#fff;
  padding:12px 26px;border-radius:8px;font-weight:600;text-decoration:none;}
.faq-block h3{margin-top:22px;}
@media (max-width:575.98px){
  .post-hero{padding:110px 0 30px;}
  .post-hero h1{font-size:1.6rem;}
  .post-body .article{font-size:16px;}
}