missing files

styles/blog.css

@@ -0,0 +1,28 @@
+/* ---- blog tab ---- */
+
+/* Vertical stack of post cards. Cards are linear reading content, so unlike
+   the project grid there is no column packing -- one column, newest first. */
+.blog-list {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+/* Card hover/entrance states are driven by inline styles in BlogPostCard,
+   mirroring ProjectCard; this is the base layer those styles sit on top of. */
+.blog-post-card {
+  min-width: 0;
+}
+
+/* Narrow layout: the same card, just tighter. */
+@media (max-width: 768px) {
+  .blog-post-card {
+    padding: 20px;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .blog-post-card {
+    transition: none;
+  }
+}