.article-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.article-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}.article-card:hover .article-card__title{color:var(--accent)}.article-card__image{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);height:180px;position:relative;overflow:hidden}.article-card__image-fade{background:linear-gradient(to bottom, transparent, var(--surface));z-index:2;height:48px;position:absolute;bottom:0;left:0;right:0}.article-card__image-tags{z-index:3;gap:6px;display:flex;position:absolute;bottom:10px;left:12px}.article-card__body{flex-direction:column;flex:1;padding:20px;display:flex}.article-card__title{font-family:var(--font-heading);color:var(--text);margin-bottom:10px;font-size:1.05rem;font-weight:700;line-height:1.3;transition:color .2s}.article-card__title a{color:inherit;text-decoration:none}.article-card__excerpt{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:16px;font-size:.88rem;line-height:1.6;display:-webkit-box;overflow:hidden}.article-card__meta{color:var(--dim);border-top:1px solid var(--border);align-items:center;gap:8px;padding-top:12px;font-size:.78rem;display:flex}