diff --git a/frontend/src/lib/components/ArticleCard.svelte b/frontend/src/lib/components/ArticleCard.svelte
index 82a8958..59e7a03 100644
--- a/frontend/src/lib/components/ArticleCard.svelte
+++ b/frontend/src/lib/components/ArticleCard.svelte
@@ -102,6 +102,15 @@
   button.tag { cursor: pointer; }
   button.tag:hover { background: var(--accent-deep); color: #fff; }
   button.tag.soft:hover { background: var(--accent); color: #fff; }
+
+  /* Reserve room for two rows of pills on tiles so titles always line up
+     across the grid, whether a card has 1, 2, or 3 tags. A hairline closes
+     the zone. (The hero is its own layout and opts out.) */
+  .tile .tags {
+    align-items: flex-start; align-content: flex-start;
+    min-height: 48px; padding-bottom: 11px; margin-bottom: 2px;
+    border-bottom: 1px solid var(--line);
+  }
   /* Source on its own line below the tags, left-justified, for uniformity. */
   .src { color: var(--muted); font-size: 0.78rem; margin: -2px 0 2px; }