/* ============================================================
   MJ FOX LAW — Blog stylesheet
   Shared across /blog/index.html and /blog/posts/[slug]/index.html
   Matches the main site design system (navy/gold/Cormorant Garamond/DM Sans)
============================================================= */
:root{
  --navy:#0D1B2A;
  --navy-2:#132638;
  --gold:#B8922A;
  --gold-light:#D4AF5A;
  --cream:#F8F5F0;
  --white:#FFFFFF;
  --ink:#1A1A2E;
  --ink-soft:#4A5568;
  --border:#E4DFD5;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
  font-family:'DM Sans', sans-serif;
  color:var(--ink);
  background:var(--cream);
  line-height:1.7;
}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
h1,h2,h3,h4{
  font-family:'Cormorant Garamond', serif;
  font-weight:600;
  line-height:1.2;
  color:var(--navy);
}
.eyebrow{
  text-transform:uppercase;letter-spacing:2px;font-size:0.78rem;font-weight:700;color:var(--gold);
}
.container{max-width:1080px;margin:0 auto;padding:0 24px;}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 28px;border-radius:3px;font-weight:700;font-size:0.92rem;cursor:pointer;
  border:2px solid transparent;
}
.btn-gold{background:var(--gold);color:var(--navy);}
.btn-gold:hover{background:var(--gold-light);}

/* Nav */
.blog-nav{
  background:var(--navy);padding:16px 0;position:sticky;top:0;z-index:50;
  border-bottom:1px solid rgba(184,146,42,0.25);
}
.blog-nav .container{display:flex;justify-content:space-between;align-items:center;}
.blog-nav .logo{
  color:var(--white);font-family:'Cormorant Garamond',serif;font-size:1.2rem;font-weight:600;
  display:flex;align-items:center;gap:10px;
}
.blog-nav .logo-mark{
  width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,var(--gold-light),var(--gold));
  display:flex;align-items:center;justify-content:center;color:var(--navy);font-weight:700;font-size:0.85rem;
}
.blog-nav a.back{color:rgba(255,255,255,0.75);font-size:0.88rem;font-weight:500;}
.blog-nav a.back:hover{color:var(--gold-light);}

/* Blog index */
.blog-hero{background:linear-gradient(180deg,var(--navy),var(--navy-2));color:var(--white);padding:60px 0 50px;text-align:center;}
.blog-hero h1{color:var(--white);font-size:2.6rem;margin:12px 0;}
.blog-hero p{color:rgba(255,255,255,0.7);max-width:560px;margin:0 auto;}
.post-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:60px 0 80px;
}
.post-card{
  background:var(--white);border:1px solid var(--border);border-radius:6px;overflow:hidden;
  display:flex;flex-direction:column;transition:transform .2s, box-shadow .2s;
}
.post-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(13,27,42,0.08);}
.post-card .thumb{
  height:150px;background:linear-gradient(145deg,var(--navy),var(--navy-2));
  display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.25);
  font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:700;
}
.post-card .body{padding:22px 22px 26px;display:flex;flex-direction:column;flex-grow:1;}
.post-card .cat{font-size:0.72rem;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;}
.post-card h3{font-size:1.28rem;margin-bottom:10px;}
.post-card p{font-size:0.88rem;color:var(--ink-soft);margin-bottom:16px;flex-grow:1;}
.post-card .read-link{font-size:0.85rem;font-weight:700;color:var(--navy);}
.post-card .read-link:hover{color:var(--gold);}
.post-card.pipeline{opacity:0.55;}
.post-card.pipeline .thumb{background:repeating-linear-gradient(135deg,var(--navy),var(--navy) 10px,var(--navy-2) 10px,var(--navy-2) 20px);}

/* Blog post article */
.post-hero{background:linear-gradient(180deg,var(--navy),var(--navy-2));color:var(--white);padding:56px 0 48px;}
.post-hero .container{max-width:760px;}
.post-hero h1{color:var(--white);font-size:2.4rem;margin:14px 0;}
.post-hero .meta{color:rgba(255,255,255,0.6);font-size:0.85rem;}
.post-body{max-width:760px;margin:0 auto;padding:56px 24px 30px;}
.post-body h2{font-size:1.75rem;margin:38px 0 16px;}
.post-body h3{font-size:1.35rem;margin:28px 0 12px;color:var(--ink);}
.post-body p{margin-bottom:18px;color:var(--ink-soft);font-size:1.02rem;}
.post-body ul, .post-body ol{margin:0 0 18px 22px;color:var(--ink-soft);}
.post-body li{margin-bottom:8px;}
.post-cta{
  background:var(--navy);color:var(--white);border-radius:8px;padding:34px;text-align:center;margin:44px 0;
}
.post-cta h3{color:var(--white);margin-bottom:10px;}
.post-cta p{color:rgba(255,255,255,0.72);margin-bottom:20px;}
.post-disclaimer{
  max-width:760px;margin:0 auto;padding:0 24px 60px;font-size:0.78rem;color:var(--ink-soft);
  border-top:1px solid var(--border);padding-top:20px;line-height:1.6;
}