/* post-card.css — blog card: 16:9 thumb, eyebrow, title, excerpt, meta (12 §5).
   Use with .card (+ .card--link); excerpt uses .card__text, title link uses .card__link. */

.post-card { padding: 0; overflow: hidden; gap: 0; }

.post-card__thumb {
  aspect-ratio: 16 / 9;
  width: 100%;
  object-fit: cover;
  background: var(--bg-subtle);
  border-bottom: var(--border-w) solid var(--border);
}

.post-card__body { display: flex; flex-direction: column; gap: var(--sp-2); padding: var(--sp-5); flex: 1; }

.post-card__meta { margin-top: auto; padding-top: var(--sp-2); font-size: var(--fs-sm); color: var(--text-muted); }

/* Text-only variant for dense lists (sidebar, related). */
.post-card--compact .post-card__thumb { display: none; }
.post-card--compact .post-card__body { padding: var(--sp-4); }
.post-card--compact .card__title { font-size: var(--fs-h4); }