.blog-shell{width:min(1080px,calc(100% - 2.5rem));margin:auto;padding:8rem 0 5rem;min-height:65vh}
.blog-breadcrumb{display:flex;flex-wrap:wrap;gap:.7rem;color:var(--text-muted);font-size:.9rem;margin-bottom:3.5rem}
.blog-breadcrumb a:hover,.blog-card a:hover{color:var(--primary)}
.blog-eyebrow{font-size:.8rem;letter-spacing:.12em;font-weight:700;color:var(--primary)}
.blog-shell h1{font-size:clamp(2.5rem,7vw,5rem);line-height:1.05;letter-spacing:-.04em;margin:1rem 0 2rem}
.blog-intro{font-size:1.3rem;color:var(--text-muted);max-width:40rem}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin-top:4rem}
.blog-card{border-top:2px solid var(--text-main);padding:1.6rem 0 2rem}
.blog-card h2{font-size:1.8rem;line-height:1.2;margin-bottom:1rem}.blog-card p{color:var(--text-muted);line-height:1.65}
.blog-read{display:inline-block;margin-top:1.5rem;font-weight:700}.blog-empty{padding:2rem 0;color:var(--text-muted)}
.blog-article{max-width:820px;margin:auto;line-height:1.8;overflow-wrap:anywhere}.blog-article h2{font-size:2rem;line-height:1.2;margin:2.5rem 0 1rem}
.blog-article h3{margin:2rem 0 1rem}.blog-article p,.blog-article ul,.blog-article ol{margin:1rem 0}.blog-article ul,.blog-article ol{padding-inline-start:1.5rem}
.blog-article img,.blog-article video{max-width:100%;height:auto}.blog-article a{color:var(--primary);text-decoration:underline}.blog-article pre{overflow:auto}
.blog-home{border-top:1px solid var(--surface-border);margin-top:4rem;padding-top:2rem}.blog-home a{font-size:2rem;font-weight:700}
@media(max-width:640px){.blog-grid{grid-template-columns:1fr}.blog-shell{padding-top:6.5rem}.blog-breadcrumb{margin-bottom:2rem}}