.post-public-meta {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  letter-spacing: .08em;
}
.post-public-meta span + span::before {
  color: var(--muted);
  content: "|";
  margin-right: 8px;
}
.article-date.post-public-meta { margin-top: 10px; }
.article-summary {
  color: var(--muted);
  font-size: clamp(17px, 2vw, 20px);
  margin: 12px 0 0;
  max-width: 720px;
}
.post-card-banner {
  background: linear-gradient(135deg, var(--accent-soft), color-mix(in srgb, var(--card-strong) 72%, var(--accent-soft)));
  display: block;
}
.post-card-banner-empty {
  aspect-ratio: 16 / 9;
  border-radius: var(--radius) var(--radius) 0 0;
}