/* ============ BLOG ARTICLE PAGES ============ */
.article-hero{position:relative;height:52vh;min-height:340px;margin-top:0;overflow:hidden;}
.article-hero img{width:100%;height:100%;object-fit:cover;display:block;}
.article-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,17,17,.35) 0%,rgba(17,17,17,.75) 100%);}
.article-hero-inner{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:0 0 48px;z-index:2;}
.article-hero .blog-cat{position:static;display:inline-block;margin-bottom:18px;}
.article-hero h1{color:var(--white);font-size:clamp(2rem,4.5vw,3.2rem);max-width:760px;line-height:1.15;}

.article-body{max-width:720px;margin:0 auto;padding:70px 28px 100px;}
.article-byline{font-size:.8rem;letter-spacing:1px;text-transform:uppercase;color:var(--ink-muted);margin-bottom:36px;padding-bottom:24px;border-bottom:1px solid #eee1c8;}
.article-body p{font-size:1.02rem;color:#3d3d3a;margin-bottom:22px;line-height:1.8;}
.article-body h2{font-size:1.5rem;margin:44px 0 18px;color:var(--black);}
.article-body h3{font-family:var(--sans);font-size:1.05rem;font-weight:600;margin:30px 0 8px;color:var(--black);}
.article-body ul{margin:0 0 24px;padding-left:0;}
.article-body ul li{list-style:none;position:relative;padding-left:26px;margin-bottom:10px;font-size:.98rem;color:#3d3d3a;line-height:1.6;}
.article-body ul li::before{content:'';position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--gold);}
.article-body ol{margin:0 0 24px;padding-left:22px;}
.article-body ol li{margin-bottom:6px;padding-left:6px;}
.article-step{margin-bottom:28px;}
.article-step h3{margin-top:0;margin-bottom:6px;}
.article-step p{margin-bottom:0;}

.tip-box{background:var(--champagne);border-left:3px solid var(--gold);padding:22px 26px;margin:36px 0;border-radius:2px;}
.tip-box p{margin:0;font-size:.94rem;color:#3d3d3a;}
.tip-box strong{color:var(--black);font-family:var(--serif);}

.article-cta{background:var(--black-soft);border:1px solid #2a2a2a;padding:32px;text-align:center;margin-top:48px;}
.article-cta p{color:#d8d2c0;margin-bottom:18px;font-size:.95rem;}

.back-link{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;letter-spacing:1px;text-transform:uppercase;font-weight:600;color:var(--gold);margin-bottom:26px;}

.timeline-block{margin-bottom:8px;}
.timeline-label{font-family:var(--serif);font-size:1.25rem;color:var(--gold);margin:38px 0 14px;}

@media (max-width:680px){
  .article-hero{height:42vh;min-height:280px;}
  .article-body{padding:50px 22px 70px;}
}