/* Blog index — /blog/ */
.blog-shell{max-width:860px;margin:0 auto;padding:120px 24px 80px}
.blog-eyebrow{font:600 12px 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#087a6b;margin-bottom:20px}
.blog-shell h1{font-size:clamp(44px,7vw,84px);line-height:1.02;letter-spacing:-.04em;margin:0 0 20px}
.blog-shell .lede{font-size:18px;line-height:1.7;color:#58606d;max-width:640px;margin:0 0 48px}
.blog-list{display:grid;gap:18px}
.blog-card{border:1px solid #e8e6e1;border-radius:18px;padding:28px;background:#fff}
.blog-card h2{font-size:28px;line-height:1.15;margin:8px 0 14px}
.blog-card h2 a{color:inherit;text-decoration:none}
.blog-card p{margin:0;color:#58606d;line-height:1.7}
.blog-meta{font:500 12px 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#087a6b}
.blog-readmore{display:inline-block;margin-top:18px;color:#087a6b;font-weight:700;text-decoration:none}
.blog-empty{padding:28px;border:1px dashed #c8d2cf;border-radius:18px;color:#58606d}

/* Article page — /blog/<slug>/ */
.article-shell{max-width:820px;margin:0 auto;padding:120px 24px 80px}
.article-meta{font:500 12px 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#087a6b;margin-bottom:20px}
.article-shell h1{font-size:clamp(38px,5vw,64px);line-height:1.06;letter-spacing:-.04em;margin:0 0 16px}
.article-lede{font-size:18px;line-height:1.7;color:#58606d;margin:0 0 44px}
.article-body{font-size:18px;line-height:1.8}
.article-body h2,.article-body h3{line-height:1.15;letter-spacing:-.03em;margin-top:42px}
.article-body pre{overflow:auto;background:#0f1117;color:#f7f6f3;padding:20px;border-radius:16px}
.article-body code{font-family:'IBM Plex Mono',monospace;font-size:.92em}
.article-body a{color:#087a6b}
.article-body blockquote{margin:28px 0;padding:0 0 0 18px;border-left:4px solid #c8d2cf;color:#47515d}
.article-body table{width:100%;border-collapse:collapse;display:block;overflow:auto}
.article-body th,.article-body td{border:1px solid #d9dfe3;padding:10px 12px;text-align:left}
.article-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:40px}
.article-tag{font:500 12px 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;background:#e3f3f0;color:#087a6b;border-radius:999px;padding:8px 12px}