diff --git a/frontend/src/lib/components/ArticleCard.svelte b/frontend/src/lib/components/ArticleCard.svelte index aaea91a..38411c6 100644 --- a/frontend/src/lib/components/ArticleCard.svelte +++ b/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; }