/* News & blog listing. */

.listing-page { padding-block: 32px 48px; }
.listing-page h1 { margin-bottom: 20px; }
.listing-intro { color: var(--ink-2); max-width: 60ch; margin-bottom: 20px; }
.listing-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }
.listing-card { text-decoration: none; color: var(--ink); padding: 0; overflow: hidden; }
.listing-card__media { aspect-ratio: 16 / 9; background: var(--surface-2); overflow: hidden; }
.listing-card__media img { width: 100%; height: 100%; object-fit: cover; }
.listing-card__body { padding: 16px; }
.listing-card__body h3 { margin-bottom: 8px; }
.listing-card__body p {
  margin: 0;
  color: var(--ink-2);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}