.blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-8); }

.blog-card {
  background: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: box-shadow var(--transition-base), transform var(--transition-base);
}
.blog-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-4px); }

.blog-card-image {
  aspect-ratio: 16/9;
  background: linear-gradient(135deg, var(--color-silver-pale), var(--color-silver-light));
  display: flex; align-items: center; justify-content: center;
  font-size: 3rem;
  overflow: hidden;
}
.blog-card-image img { width: 100%; height: 100%; object-fit: cover; }

.blog-card-body { padding: var(--space-6); }
.blog-tag {
  display: inline-block;
  font-size: var(--font-size-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--color-trust-blue);
  background: rgba(45,108,186,0.1);
  padding: 2px var(--space-3);
  border-radius: var(--radius-full);
  margin-bottom: var(--space-3);
}
.blog-card-title { font-size: var(--font-size-lg); color: var(--color-navy); margin-bottom: var(--space-3); line-height: var(--line-height-snug); }
.blog-card-title a { transition: color var(--transition-fast); }
.blog-card-title a:hover { color: var(--color-trust-blue); }
.blog-card-excerpt { font-size: var(--font-size-sm); color: var(--color-text-muted); margin-bottom: var(--space-4); }
.blog-card-meta { display: flex; align-items: center; gap: var(--space-4); font-size: var(--font-size-xs); color: var(--color-text-muted); }
.blog-card-meta span { display: flex; align-items: center; gap: 4px; }

@media (max-width: 900px) { .blog-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 580px) { .blog-grid { grid-template-columns: 1fr; } }