.blog-list { max-width: 46rem; margin-top: 32px; }
.blog-card {
  display: block;
  padding: 24px 0;
  border-top: 1px solid var(--rule);
  color: inherit;
  text-decoration: none;
}
.blog-card:last-child { border-bottom: 1px solid var(--rule); }
.blog-card .blog-meta { margin-bottom: 6px; color: var(--ink-3); font-size: 0.875rem; }
.blog-card h2 {
  margin-bottom: 8px;
  color: var(--ink);
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.01em;
}
.blog-card:hover h2 { color: var(--action); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.18em; }
.blog-card p { color: var(--ink-2); font-size: 1rem; line-height: 1.55; }
.blog-empty { padding: 60px 0; }
.blog-empty p { color: var(--ink-3); }