/* Earnhardt Consulting — blog styles. Mirrors the V3 site tokens and header/footer. */
:root{
  --navy:#7A5FB0; --navy-2:#8A6BC9; --navy-3:#9B7ED9; --deep:#463366; --plum:#4B3673;
  --steel:#3E7CD6; --gold:#3E7CD6; --gold-2:#6EC3F5; --gold-soft:#D2EFFD;
  --cream:#FAF9FF; --paper:#FFFFFF; --wash:#F1EFFF; --ink:#21303e; --muted:#55636c;
  --line:#DCD6F2; --shadow:0 18px 44px rgba(122,95,176,.13); --shadow-sm:0 8px 22px rgba(122,95,176,.10);
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--cream);line-height:1.65;font-size:17px}
h1,h2,h3{font-family:'Fraunces',Georgia,serif;font-weight:600;color:var(--plum);line-height:1.16}
a{color:var(--steel)}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.btn{display:inline-block;background:linear-gradient(135deg,#9B7ED9,#3E7CD6);color:#fff;font-weight:700;padding:16px 36px;border-radius:100px;text-decoration:none;font-size:1rem;border:none;box-shadow:0 10px 24px rgba(62,124,214,.35);cursor:pointer}
header{position:sticky;top:0;z-index:80;background:linear-gradient(120deg,rgba(70,51,102,.96),rgba(138,107,201,.94));backdrop-filter:blur(10px);border-bottom:2px solid var(--gold);box-shadow:0 6px 24px rgba(70,51,102,.25)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:8px 0;gap:16px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none}
.brand img{height:44px;width:auto;display:block}
.brand .bname{font-family:'Fraunces',Georgia,serif;color:#fff;font-size:1.28rem;font-weight:600;letter-spacing:.02em;line-height:1.05}
.brand .bname span{color:var(--gold-2)}
.brand .bsub{display:block;font-family:'Inter',sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.42em;color:var(--gold-soft);text-transform:uppercase;margin-top:3px}
nav.links{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
nav.links a{color:#E3E0F0;text-decoration:none;font-size:.95rem;font-weight:500}
nav.links a:hover,nav.links a.active{color:var(--gold-soft)}
nav.links a.btn{color:#fff;padding:11px 26px;font-size:.92rem}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px}
.nav-toggle span{display:block;width:26px;height:2px;background:#fff;margin:6px 0}
@media(max-width:900px){
  .nav-toggle{display:block}
  nav.links{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:14px;padding:12px 0 16px}
  nav.links.open{display:flex}
}
.kicker{color:var(--steel);text-transform:uppercase;letter-spacing:.2em;font-size:.76rem;font-weight:700;margin-bottom:14px}
.band{background:linear-gradient(135deg,var(--plum),var(--deep) 55%,#3A2A5E);color:#F7F3FF;padding:56px 0 50px}
.band h1{color:#fff;font-size:clamp(2rem,4.4vw,3rem)}
.band p{margin-top:12px;max-width:760px;color:#E4DEF7;font-size:1.08rem}
.band .kicker{color:var(--gold-2)}
main{padding:44px 0 10px}
.post-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px}
.post-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:10px}
.post-card h2{font-size:1.45rem}
.post-card h2 a{color:var(--plum);text-decoration:none}
.post-card p{color:var(--muted);font-size:.98rem}
.post-meta{font-size:.82rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-weight:600}
.read{margin-top:auto;font-weight:700;color:var(--steel);text-decoration:none}
.draft-chip{display:inline-block;background:var(--wash);color:var(--plum);border:1px solid var(--navy-3);border-radius:999px;padding:4px 12px;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.draft-banner{background:var(--wash);border:1px solid var(--navy-3);color:var(--plum);border-radius:14px;padding:14px 18px;font-size:.95rem;margin-bottom:28px}
article.post{max-width:780px}
article.post h1{font-size:clamp(1.9rem,4vw,2.7rem);margin-bottom:10px}
article.post .post-meta{margin-bottom:22px}
article.post p{margin:0 0 18px;font-size:1.06rem}
article.post h2{font-size:1.5rem;margin:30px 0 12px}
.back-link{margin:34px 0 6px}
.back-link a{font-weight:600;text-decoration:none}
footer{background:linear-gradient(120deg,var(--deep),var(--navy));color:#A89FC6;padding:48px 0;font-size:.92rem;margin-top:52px}
footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
footer .fbrand{display:flex;align-items:center;gap:12px}
footer .fbrand img{height:40px;width:auto}
footer .fbrand .fname{font-family:'Fraunces',Georgia,serif;color:#fff;font-size:1.08rem;font-weight:600}
footer .fbrand .fname span{color:var(--gold-soft)}
footer a{color:#E3E0F0;text-decoration:none}
.float-call{position:fixed;left:22px;bottom:22px;z-index:90;background:linear-gradient(135deg,#9B7ED9,#3E7CD6);color:#fff;font-weight:700;padding:15px 30px;border-radius:100px;text-decoration:none;box-shadow:0 14px 34px rgba(122,95,176,.35);font-size:.98rem}