/* Blog styles for Aaron J. Kimble Therapy — used with state.css */

/* ===== Blog index cards ===== */
.post-list{max-width:760px;margin:2.6rem auto 0;display:grid;gap:1.5rem;}
.post-card{
  display:block;text-decoration:none;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--radius);
  padding:2rem 2.2rem;box-shadow:var(--shadow-sm);text-align:left;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease);
}
.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.post-card .meta{
  font-family:'Montserrat','Inter',sans-serif;font-size:.7rem;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;color:var(--bronze-ink);margin-bottom:.6rem;
}
.post-card h2{font-size:1.5rem;margin-bottom:.5rem;line-height:1.25;}
.post-card p{color:var(--muted);font-size:.96rem;font-weight:300;margin:0 0 .9rem;}
.post-card .more{font-size:.88rem;font-weight:600;color:var(--slate);}

/* ===== Post page ===== */
.post-hero{padding:4.5rem 0 2.5rem;text-align:center;}
.post-hero h1{font-size:clamp(2rem,4.5vw,3rem);max-width:760px;margin:0 auto .5rem;}
.post-hero .dek{font-size:1.12rem;color:var(--muted);max-width:640px;margin:1rem auto 0;font-weight:300;}
.byline{
  display:flex;gap:.6rem;justify-content:center;align-items:center;flex-wrap:wrap;
  margin-top:1.6rem;font-size:.88rem;color:var(--muted);
}
.byline strong{color:var(--ink);font-weight:600;}
.byline .dot{width:4px;height:4px;border-radius:50%;background:var(--bronze);display:inline-block;}

article.post{max-width:680px;margin:0 auto;padding:0 1.6rem 4rem;}
article.post p{font-size:1.04rem;line-height:1.85;color:var(--ink);margin-bottom:1.4rem;font-weight:300;}
article.post h2{
  font-size:1.55rem;margin:2.6rem 0 1rem;line-height:1.25;
}
article.post .pullquote{
  margin:2.6rem 0;padding:0 1.5rem;border-left:3px solid var(--bronze);
  font-family:'Playfair Display',Georgia,serif;font-style:italic;
  font-size:1.4rem;line-height:1.5;color:var(--navy);
}
article.post .pullquote cite{
  display:block;margin-top:.8rem;font-family:'Montserrat','Inter',sans-serif;font-style:normal;
  font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze-ink);
}
article.post ul.helps{list-style:none;margin:0 0 1.4rem;display:grid;gap:.9rem;}
article.post ul.helps li{
  background:var(--surface);border:1px solid var(--line);border-radius:12px;
  padding:1rem 1.2rem;font-size:.99rem;line-height:1.7;font-weight:300;color:var(--ink);
}
article.post ul.helps li strong{color:var(--navy);font-weight:600;}
.crisis-note{
  background:var(--bronze-soft);border-radius:12px;padding:1.1rem 1.3rem;
  font-size:.9rem;color:var(--ink);font-weight:300;margin:2.4rem 0;
}
.post-disclaimer{font-size:.82rem;color:var(--muted);font-weight:300;margin-top:1.6rem;}

/* Author box + CTA */
.author-box{
  max-width:680px;margin:0 auto 4rem;padding:0 1.6rem;
}
.author-box .inner{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow-sm);padding:2rem 2.2rem;text-align:center;
}
.author-box h3{font-size:1.3rem;margin-bottom:.4rem;}
.author-box p{color:var(--muted);font-size:.95rem;font-weight:300;max-width:480px;margin:0 auto 1.4rem;}
.author-box .ctas{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap;}

/* Prev / next */
.post-nav{
  max-width:680px;margin:0 auto 4rem;padding:0 1.6rem;
  display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;
}
.post-nav a{font-size:.92rem;font-weight:600;text-decoration:none;color:var(--slate);}
.post-nav a:hover{color:var(--navy);}

@media (prefers-color-scheme:dark){
  .post-card h2,article.post h2,.post-hero h1,.author-box h3{color:#eee3d0;}
  article.post .pullquote{color:#eee3d0;}
  article.post p,article.post ul.helps li{color:var(--ink);}
}