.event-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
  max-width: 72rem;
  margin-block: 1rem 2rem;
}
.event-list .event-card {
  display: flex;
  flex-direction: column;
  gap: .55rem;
  min-width: 0;
  overflow-wrap: anywhere;
}
.event-list .event-card :is(h3, p) { margin: 0; }
.event-list .event-card h3 { font-size: 1.3rem; line-height: 1.25; }
.event-list .event-photo { aspect-ratio: 16 / 9; max-height: 13rem; margin-bottom: .35rem; }
.event-list .event-date { font-size: .9rem; font-weight: 700; }
.event-list .event-location { font-size: .9rem; }
.event-list .event-description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  white-space: normal;
}
.event-list .event-availability { margin-top: auto; padding-top: .45rem; font-weight: 700; }
.event-list .event-details-link { align-self: flex-start; margin-top: .25rem; }
@media (max-width: 650px) {
  .event-list { grid-template-columns: minmax(0, 1fr); }
}
.event-details-link[hidden] { display: none; }