.blog-list{display:grid;grid-gap:20px;gap:20px;padding:40px 0}.blog-card{background:var(--surface);border:2px solid var(--ink-strong);box-shadow:var(--shadow-sm);padding:24px}.blog-card h2{margin-bottom:8px}.blog-card .meta{font-family:var(--font-display);font-size:.78rem;color:var(--muted);margin-bottom:10px}.blog-post{max-width:720px;margin:0 auto;padding:50px 24px}.markdown-body pre{background:#1d2940;color:#d6f5e3;padding:16px;overflow-x:auto;border:2px solid var(--ink-strong)}.markdown-body code{font-family:var(--font-display)}