Remove now-dead .why CSS selectors

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

frontend/src/lib/components/ArticleCard.svelte

@@ -231,12 +231,8 @@
     display: inline-flex; align-items: center; gap: 5px;
   }
   .paywall::before { content: '🔒'; font-size: 0.72rem; filter: grayscale(0.3); }
-  .why {
-    margin: 2px 0 0; font-style: italic; color: var(--muted);
-    font-size: 0.9rem; padding-left: 12px; border-left: 2px solid var(--accent-soft);
-  }
   /* Keep heights even: clamp variable-length text on tiles. */
-  .tile h3, .why {
+  .tile h3 {
     display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3;
   }
   .hero .desc, .herotype .desc {
@@ -324,7 +320,7 @@
     color: var(--accent); opacity: 0.05; text-transform: lowercase; letter-spacing: -0.02em;
     pointer-events: none; user-select: none;
   }
-  .tile .cardhead, .tile .src, .tile h3, .tile .why, .tile .actions { position: relative; }
+  .tile .cardhead, .tile .src, .tile h3, .tile .actions { position: relative; }
 
   /* ---- Hero WITH image: two columns, with an atmospheric overlay ---- */
   .hero { display: grid; grid-template-columns: 1.1fr 1fr; }