/* Blog card component */
.blog-card { background: linear-gradient(180deg, var(--layer-mid) 0%, var(--layer-deep) 100%); border: 1px solid rgba(255,255,255,0.06); border-radius: var(--radius-xl); box-shadow: var(--shadow-sm); overflow: hidden; transition: transform var(--transition-base), box-shadow var(--transition-base); }
.blog-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.blog-card__link { display: block; color: inherit; text-decoration: none; }
.blog-card__media { width: 100%; aspect-ratio: 16/9; background: rgba(255,255,255,0.04); }
.blog-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.blog-card__media-placeholder { width: 100%; height: 100%; background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02)); }
.blog-card__content { padding: clamp(var(--space-5), 3vw, var(--space-6)); display: grid; gap: var(--space-2); }
.blog-card__title { font-size: clamp(var(--font-size-xl), 2vw, var(--font-size-2xl)); }
.blog-card__meta { color: rgba(246,247,250,0.7); font-size: var(--font-size-sm); }
.blog-card__excerpt { color: rgba(246,247,250,0.85); }
.blog-card__tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.blog-card__tag { font-size: 12px; padding: 4px 8px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); border-radius: 999px; }