/* Blog index — body.blog-index-page */

.blog-index-page .blog-index-hero {
  background: linear-gradient(125deg, #120f0a 0%, #2a2318 40%, #1e1812 100%);
}

.blog-index-body {
  padding: 2.75rem 0 3rem;
}

.blog-index-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1.5rem;
  max-width: 720px;
  margin-inline: auto;
}

.blog-index-card {
  padding: 1.75rem 1.85rem;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: #fff;
  box-shadow: var(--shadow-sm, 0 8px 28px rgba(20, 18, 15, 0.06));
}

.blog-index-card-title {
  font-family: var(--font-serif);
  font-size: 1.45rem;
  margin: 0 0 0.65rem;
  letter-spacing: 0.02em;
  line-height: 1.25;
}

.blog-index-card-title a {
  color: var(--text);
  text-decoration: none;
  transition: color 0.15s ease;
}

.blog-index-card-title a:hover {
  color: var(--gold-deep);
}

.blog-index-card-excerpt {
  margin: 0 0 1.1rem;
  color: var(--text-muted);
  line-height: 1.65;
  font-size: 0.98rem;
}

.blog-index-card-cta {
  font-weight: 600;
  font-size: 0.88rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--gold-deep);
  text-decoration: none;
}

.blog-index-card-cta:hover {
  text-decoration: underline;
}

.blog-index-cta {
  border-top: 1px solid var(--line);
}