/* ═══════════════════════════════════════════════════════════
   GOOD RESULTS HOME BUYERS — Blog Article Shared Stylesheet
   Used by: all individual blog post pages in /blog/
   Single source of truth: change once → updates every article.
   ═══════════════════════════════════════════════════════════ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--orange:#E8680A;--orange-dark:#C4540A;--navy:#1A2744;--slate:#4A5568;--slate-light:#718096;--cream:#FDFAF7;--white:#FFFFFF;--border:#E8E2D9;--radius:12px;--radius-lg:20px}
html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',sans-serif;background:var(--cream);color:var(--navy);line-height:1.6;font-size:16px}

/* NAV */
nav{background:var(--navy);padding:0 24px;position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:68px}
.nav-brand{display:flex;flex-direction:column;line-height:1.15;text-decoration:none}
.nav-brand-top{font-size:10px;font-weight:700;color:var(--orange);letter-spacing:2px;text-transform:uppercase}
.nav-brand-name{font-size:18px;font-weight:800;color:var(--white);letter-spacing:-0.5px}
.nav-brand-name span{color:var(--orange)}
.nav-links{display:flex;align-items:center;gap:28px}
.nav-links a{color:rgba(255,255,255,.7);text-decoration:none;font-size:14px;font-weight:600;transition:color .2s}
.nav-links a:hover{color:var(--white)}
.nav-cta{background:var(--orange);color:var(--white);border:none;padding:11px 24px;border-radius:8px;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s,transform .15s;text-decoration:none;display:inline-block}
.nav-cta:hover{background:var(--orange-dark);transform:translateY(-1px)}
@media(max-width:600px){.nav-links{display:none}}

/* BREADCRUMB */
.breadcrumb{background:var(--navy);padding:20px 24px;font-size:13px;color:rgba(255,255,255,.6)}
.breadcrumb a{color:var(--orange);text-decoration:none;font-weight:600}
.breadcrumb a:hover{text-decoration:underline}

/* ARTICLE HERO */
.article-hero{background:var(--navy);padding:60px 24px 50px;text-align:center}
.article-hero-label{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--orange);margin-bottom:14px}
.article-hero h1{font-size:clamp(28px,4.5vw,46px);font-weight:800;color:var(--white);letter-spacing:-1.2px;line-height:1.1;margin-bottom:16px}
.article-hero-sub{font-size:15px;color:rgba(255,255,255,.7);max-width:600px;margin:0 auto;line-height:1.6}

/* ARTICLE CONTENT */
.article-content{max-width:740px;margin:0 auto;background:var(--white);padding:48px 36px;border-radius:var(--radius-lg);margin-top:40px;margin-bottom:40px}
.article-content h2{font-size:24px;font-weight:800;color:var(--navy);margin-top:32px;margin-bottom:16px;line-height:1.25;letter-spacing:-0.5px}
.article-content h3{font-size:18px;font-weight:700;color:var(--navy);margin-top:24px;margin-bottom:12px;letter-spacing:-0.3px}
.article-content p{margin-bottom:16px;color:var(--slate);line-height:1.8}
.article-content ul,.article-content ol{margin-left:24px;margin-bottom:16px;color:var(--slate);line-height:1.8}
.article-content li{margin-bottom:10px}
.article-content a{color:var(--orange);text-decoration:none;font-weight:600}
.article-content a:hover{text-decoration:underline}
.article-content strong{color:var(--navy);font-weight:700}

/* ARTICLE CTA */
.article-cta{background:var(--navy);padding:48px 36px;border-radius:var(--radius-lg);margin-bottom:60px;text-align:center;max-width:740px;margin-left:auto;margin-right:auto}
.article-cta h3{color:var(--white);font-size:22px;margin-bottom:12px;margin-top:0}
.article-cta p{color:rgba(255,255,255,.8);margin-bottom:24px}
.article-cta .cta-button{background:var(--orange);color:var(--white);border:none;padding:14px 32px;border-radius:8px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s,transform .15s;text-decoration:none;display:inline-block}
.article-cta .cta-button:hover{background:var(--orange-dark);transform:translateY(-2px)}

/* FOOTER */
footer{background:var(--navy);color:rgba(255,255,255,.6);padding:48px 24px 36px;text-align:center}
.footer-brand{font-size:20px;font-weight:800;color:var(--white);margin-bottom:8px}
.footer-brand span{color:var(--orange)}
.footer-tagline{font-size:14px;margin-bottom:24px;color:rgba(255,255,255,.5);line-height:1.6;max-width:420px;margin-left:auto;margin-right:auto}
.footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:24px;flex-wrap:wrap}
.footer-links a{color:rgba(255,255,255,.55);text-decoration:none;font-size:13px;font-weight:600;transition:color .2s}
.footer-links a:hover{color:var(--white)}
.footer-copy{font-size:13px;color:rgba(255,255,255,.3)}

/* RESPONSIVE */
@media(max-width:600px){
  .article-content{padding:28px 20px}
  .article-cta{padding:36px 24px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}}