/* Blog Detail Page */
.blog-hero{position:relative;height:420px;overflow:hidden;}
.blog-hero img{width:100%;height:100%;object-fit:cover;display:block;}
.blog-hero .overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.25),rgba(0,0,0,.65));}
.blog-hero .inner{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);width:100%;max-width:1180px;padding:0 32px;color:#fff;}
.blog-hero .crumb{font-size:12px;opacity:.8;margin-bottom:14px;}
.blog-hero .crumb a{color:#fff;text-decoration:none;}
.blog-hero .crumb a:hover{text-decoration:underline;}
.blog-hero h1{font-size:clamp(1.5rem,3vw,2.4rem);font-weight:800;line-height:1.25;max-width:750px;}
.blog-hero .meta-row{display:flex;align-items:center;gap:16px;margin-top:14px;font-size:13px;opacity:.85;}
.blog-hero .tag-badge{background:var(--orange);color:#fff;padding:3px 10px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;}

.article-wrap{max-width:1180px;margin:0 auto;padding:60px 32px;display:grid;grid-template-columns:1fr 340px;gap:60px;align-items:start;}

/* Article body */
.article-body{min-width:0;}
.article-body h2{font-size:1.45rem;font-weight:800;color:var(--dark);margin:36px 0 14px;line-height:1.3;}
.article-body h3{font-size:1.1rem;font-weight:700;color:var(--dark);margin:24px 0 10px;}
.article-body p{font-size:15.5px;line-height:1.85;color:#3a3a3a;margin-bottom:18px;}
.article-body ul,
.article-body ol{padding-left:22px;margin-bottom:18px;}
.article-body li{font-size:15.5px;line-height:1.8;color:#3a3a3a;margin-bottom:6px;}
.article-body strong{color:var(--dark);font-weight:700;}
.article-body .highlight-box{background:#f7f7f7;border-left:4px solid var(--orange);padding:18px 22px;border-radius:0 6px 6px 0;margin:28px 0;}
.article-body .highlight-box p{margin:0;font-size:15px;}
.article-cta{background:var(--dark);color:#fff;border-radius:10px;padding:28px 32px;margin-top:44px;text-align:center;}
.article-cta h3{color:#fff;font-size:1.2rem;margin-bottom:8px;}
.article-cta p{color:#bbb;font-size:14px;margin-bottom:18px;}
.article-cta .btn-orange{display:inline-block;background:var(--orange);color:#fff;padding:12px 28px;border-radius:6px;font-weight:700;text-decoration:none;font-size:14px;}
.article-cta .btn-orange:hover{background:#d03d14;}

/* Sidebar */
.article-sidebar{position:sticky;top:100px;}
.sidebar-cta{background:var(--dark);color:#fff;border-radius:10px;padding:28px;margin-bottom:28px;}
.sidebar-cta h4{color:#fff;font-size:1rem;margin-bottom:8px;}
.sidebar-cta p{color:#aaa;font-size:13.5px;margin-bottom:16px;line-height:1.6;}
.sidebar-cta a{display:block;background:var(--orange);color:#fff;text-align:center;padding:11px;border-radius:6px;font-weight:700;text-decoration:none;font-size:14px;}
.sidebar-cta a:hover{background:#d03d14;}
.sidebar-related{background:#f7f7f7;border-radius:10px;padding:24px 28px;}
.sidebar-related h5{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#888;margin-bottom:16px;}
.related-item{display:flex;flex-direction:column;gap:4px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #e8e8e8;}
.related-item:last-child{border:none;padding-bottom:0;margin-bottom:0;}
.related-item .ri-tag{font-size:11px;color:var(--orange);font-weight:700;text-transform:uppercase;}
.related-item a{font-size:14px;font-weight:600;color:var(--dark);text-decoration:none;line-height:1.4;}
.related-item a:hover{color:var(--orange);}

@media(max-width:900px){
  .article-wrap{grid-template-columns:1fr;gap:40px;}
  .article-sidebar{position:static;}
}
@media(max-width:600px){
  .article-wrap{padding:40px 20px;}
  .blog-hero{height:300px;}
  .blog-hero .inner{bottom:28px;padding:0 20px;}
}