/* Blog typography reuses tokens from ../style.css (:root vars, masthead, footer) */
.blog-wrap{max-width:44rem;margin:0 auto;padding:calc(4.5rem + 6vh) clamp(1.2rem,5vw,2rem) 4rem}
.blog-hero{max-width:52rem;margin:0 auto calc(2rem + 2vh);padding:calc(4.5rem + 6vh) clamp(1.2rem,5vw,2rem) 0}
.blog-hero .kicker{display:block;margin-bottom:1rem}
.blog-hero h1{font-size:clamp(1.9rem,4.6vw,3rem);line-height:1.05;margin-bottom:1.1rem}
.blog-meta{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;color:var(--silver-dim);text-transform:uppercase}
.blog-lead{font-size:1.08rem;color:var(--silver);line-height:1.6;margin:1.4rem 0 0;max-width:44rem}

article.post{max-width:44rem;margin:0 auto}
article.post h2{font-size:clamp(1.35rem,3vw,1.8rem);margin:2.6rem 0 1rem;line-height:1.1}
article.post h3{font-size:1.12rem;margin:1.8rem 0 .7rem;color:#e8eaee;font-variation-settings:'wdth' 110;text-transform:none;letter-spacing:0}
article.post p{margin:0 0 1.1rem;font-size:1.02rem;line-height:1.7;color:var(--silver)}
article.post ul,article.post ol{margin:0 0 1.2rem 1.2rem}
article.post li{margin:0 0 .55rem;line-height:1.6;color:var(--silver)}
article.post a{color:var(--ember-hot);text-decoration:underline;text-underline-offset:2px}
article.post a:hover{color:var(--ember)}
article.post strong{color:#e8eaee;font-weight:600}
article.post .lead{font-size:1.12rem;color:#cfd3da;margin-bottom:1.6rem}

.post-cta{margin:3rem 0 0;padding:1.8rem;border:1px solid var(--line);border-radius:8px;background:var(--black-2)}
.post-cta p{font-size:1.02rem;color:var(--silver);margin-bottom:1.1rem}
.post-cta .btn{margin-right:.6rem}

.post-nav{margin-top:2.6rem;padding-top:1.6rem;border-top:1px solid var(--line);font-family:var(--mono);font-size:.8rem}
.post-nav a{color:var(--ember-hot);text-decoration:none}
.crumbs{font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;color:var(--silver-dim);margin-bottom:1.4rem;text-transform:uppercase}
.crumbs a{color:var(--silver-dim);text-decoration:none}
.crumbs a:hover{color:var(--ember)}

/* Blog index cards */
.post-list{max-width:52rem;margin:0 auto;display:grid;gap:1rem}
.post-card{display:block;padding:1.6rem 1.7rem;border:1px solid var(--line);border-radius:8px;background:var(--black-2);text-decoration:none;transition:border-color .3s var(--ease),transform .3s var(--ease)}
.post-card:hover{border-color:var(--ember);transform:translateY(-2px)}
.post-card .pc-kicker{font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;color:var(--ember);text-transform:uppercase}
.post-card h2{font-size:1.25rem;margin:.6rem 0 .5rem;line-height:1.15;text-transform:none;font-variation-settings:'wdth' 110;letter-spacing:0;color:#e8eaee}
.post-card p{font-size:.95rem;color:var(--silver-dim);line-height:1.55}