.event-listings { grid-template-columns: minmax(0, 1fr); gap: 20px; }
.listing-card { grid-template-columns: 200px minmax(0, 1fr); }
.listing-card > img { height: 100%; min-height: 200px; max-height: 260px; object-fit: contain; object-position: center; padding: 24px; background: #f8fafc; border-right: 1px solid var(--line); }
.listing-body { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 32px; padding: 28px 32px; align-content: center; }
.listing-body > :not(.official-event) { grid-column: 1; }
.listing-body h3 { margin-bottom: 8px; }
.listing-body .official-event { grid-column: 2; grid-row: 1 / 7; align-self: center; margin: 0; white-space: nowrap; }
@media (max-width: 800px) {
  .listing-card { grid-template-columns: 160px minmax(0, 1fr); }
  .listing-body { display: block; padding: 24px; }
  .listing-body .official-event { margin-top: 12px; }
}
@media (max-width: 620px) {
  .listing-card { grid-template-columns: minmax(0, 1fr); }
  .listing-card > img { height: 156px; min-height: 0; max-height: none; padding: 18px; border-right: 0; border-bottom: 1px solid var(--line); }
  .listing-body { padding: 22px; }
}