.blog-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-base);overflow:hidden}.blog-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.blog-card-link{color:inherit;text-decoration:none;display:block}.blog-card-image{aspect-ratio:16/9;background:var(--bg-muted);position:relative;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.blog-card:hover .blog-card-image img{transform:scale(1.08)}.blog-card-overlay{opacity:0;transition:opacity var(--transition-base);background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.blog-card:hover .blog-card-overlay{opacity:1}.blog-card-overlay svg{color:#fff;width:32px;height:32px}.blog-card-content{padding:var(--space-md)}.blog-card-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-xs);line-height:var(--leading-snug);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-card-description{font-size:var(--text-sm);color:var(--text-tertiary);line-height:var(--leading-normal);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}@media (max-width:768px){.blog-card:hover{transform:none}}
.blog-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.blog-overview-list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.blog-overview-item a{padding:var(--space-sm) var(--space-md);background:var(--bg-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:inherit;transition:all var(--transition-fast);text-decoration:none;display:block}.blog-overview-item a:hover{border-color:var(--accent-primary);background:var(--accent-subtle);transform:translateY(-1px)}.blog-overview-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2xs) 0;line-height:1.3}.blog-overview-description{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}}