fix: replace stacked card CSS with sub-anchor count badge

Remove pseudo-element stacking effect (overflow/z-index issues).
Instead show "X Sub-Anchors" meta-badge on umbrella cards.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: raifdmueller

website/src/components/card-grid.js

@@ -177,6 +177,19 @@ function renderAnchorCard(anchor, categoryColor) {
         `
             : ''
         }
+
+        ${
+          isUmbrella
+            ? `
+          <span class="meta-badge">
+            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path>
+            </svg>
+            <span>${anchor.subAnchors.length} Sub-Anchors</span>
+          </span>
+        `
+            : ''
+        }
       </div>
 
       <div class="anchor-card-indicator" style="background-color: ${categoryColor}"></div>

website/src/styles/main.css

@@ -296,29 +296,6 @@ body {
   animation: fade-out 0.3s ease-out;
 }
 
-/* Umbrella anchor stacked card effect */
-.anchor-card-umbrella {
-  position: relative;
-}
-
-.anchor-card-umbrella::before,
-.anchor-card-umbrella::after {
-  content: '';
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  border: 1px solid var(--color-border);
-  background: var(--color-bg);
-  z-index: -1;
-}
-
-.anchor-card-umbrella::before {
-  transform: rotate(2deg) translate(4px, 4px);
-}
-
-.anchor-card-umbrella::after {
-  transform: rotate(-1deg) translate(-3px, 3px);
-}
 
 /* Sub-anchor tier styling */
 .sub-anchor-item.tier-1 {