.event-meta {
  display: grid;
  gap: 8px;
  max-width: 70ch;
  font-family: var(--font-family-accent);
  font-size: var(--step-0);
}

@media (min-width: 740px) {
  .event-meta {
    grid-template-columns: 35% 1fr;
  }
}

.event-meta dt {
  font-weight: 600;
  hyphens: auto;
}