/* ===== BLOG ===== */
.blog-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.blog-card {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 20px 22px;
  background: var(--white);
  transition: box-shadow var(--transition);
}

.blog-card:hover {
  box-shadow: var(--shadow-md);
}

.blog-title {
  font-size: 18px;
  font-weight: 800;
  color: var(--navy);
  margin-bottom: 8px;
}

.blog-title a {
  color: inherit;
}

.blog-excerpt {
  color: var(--text-muted);
  line-height: 1.7;
  margin-bottom: 10px;
}

.blog-meta {
  font-size: 13px;
  color: var(--text-light);
}