/* ==========================================================================
   CareerPilot AI — Blog
   ========================================================================== */

.blog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1.5rem;
}

.blog-card {
  border: 1px solid var(--color-line);
  border-radius: var(--radius-m);
  background: var(--color-paper);
  padding: 1.5rem;
  text-decoration: none;
  display: block;
  transition: border-color 0.15s var(--ease-flight), transform 0.15s var(--ease-flight);
}
.blog-card:hover { text-decoration: none; border-color: var(--color-amber-dim); transform: translateY(-2px); }
.blog-card__meta {
  font-family: var(--font-data); font-size: 0.72rem; letter-spacing: 0.06em; text-transform: uppercase;
  color: var(--color-amber-dim); margin-bottom: 0.6rem;
}
.blog-card h3 { margin: 0 0 0.5rem; font-size: 1.1rem; color: var(--color-ink); }
.blog-card p { margin: 0; font-size: 0.88rem; color: var(--color-ink-soft); }

.article-meta {
  font-family: var(--font-data);
  font-size: 0.78rem;
  color: var(--color-ink-soft);
  margin-bottom: 2rem;
  display: block;
}
.article-cta {
  margin-top: 2.5rem;
  padding: 1.5rem;
  background: var(--color-paper-alt);
  border-radius: var(--radius-m);
  text-align: center;
}
.article-cta p { margin: 0 0 1rem; color: var(--color-ink); }