.blog-index, .blog-post {
  max-width: 640px;
  margin: 0 auto;
  padding: 3rem 1.5rem;
  font-family: system-ui, sans-serif;
  color: #f4f4f4;
  background: #0a0a0a;
  min-height: 100vh;
  box-sizing: border-box;
}
.blog-list { list-style: none; padding: 0; margin: 0; }
.blog-index-item { margin-bottom: 2rem; }
.blog-index-item h2 { margin: 0 0 0.25rem; }
.blog-index-item a { text-decoration: none; color: inherit; }
.blog-meta { opacity: 0.6; font-size: 0.9rem; }
.blog-back { display: inline-block; margin-bottom: 1.5rem; color: inherit; opacity: 0.8; }
code { background: rgba(255, 255, 255, 0.1); padding: 0.1em 0.3em; border-radius: 3px; }