/* Blog listing — works with Bootstrap 5 cards; uses :root from style.css */

.blog-archive .card {
  border-color: var(--border, #e2e0db);
  background: var(--surface, #fff);
}

.blog-archive .card-title {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  line-height: 1.35;
}

.blog-archive .card-title a {
  color: var(--ink, #1a1a18);
  text-decoration: none;
}

.blog-archive .card-title a:hover {
  color: var(--accent, #1e4a6e);
}

.blog-archive-card-img {
  height: 300px;
  width: 100%;
  object-fit: cover;
  background: #f0eeea;
}

.blog-archive .text-muted.small {
  letter-spacing: 0.04em;
  font-size: 0.72rem;
}

.blog-archive .card-text {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 0.95rem;
  line-height: 1.55;
  color: var(--muted, #5a5854);
}