/* Blog styles — extends styles.css */
.blog-hero{padding:3.5rem 0 1.5rem}
.blog-hero h1{font-size:clamp(2rem,4vw,2.8rem);letter-spacing:-0.02em;margin:0 0 .5rem}
.blog-hero p{color:var(--ink-soft);max-width:44rem;margin:0}
.post-list{display:grid;gap:1.25rem;margin:1.5rem 0 4rem}
.post-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.post-card h2{margin:.25rem 0 .5rem;font-size:1.35rem;letter-spacing:-0.01em}
.post-card h2 a:hover{color:var(--coral-deep)}
.post-card p{margin:0;color:var(--ink-soft)}
.post-meta{font-size:.85rem;color:var(--ink-muted);margin:0 0 .25rem}
.post-tag{display:inline-block;background:var(--coral-soft);color:var(--coral-deep);border-radius:999px;padding:.1rem .6rem;font-size:.78rem;font-weight:600;margin-right:.5rem}
.post-wrap{max-width:46rem;margin-inline:auto;padding:3rem 0 2rem}
.post-wrap h1{font-size:clamp(1.9rem,4vw,2.6rem);letter-spacing:-0.02em;line-height:1.15;margin:.5rem 0 1rem}
.post-wrap .prose{max-width:none}
.post-wrap .prose h2{margin-top:2rem}
.post-crumb{font-size:.9rem;color:var(--ink-soft)}
.post-crumb a:hover{color:var(--coral-deep)}
.post-cta{background:var(--coral-soft);border:1px solid var(--coral-glow);border-radius:var(--radius-md);padding:1.5rem;margin:2.5rem 0}
.post-cta h3{margin:0 0 .4rem}
.post-cta p{margin:0 0 1rem;color:var(--ink-soft)}
.post-more{margin:2rem 0 4rem}