.events-list {
  display: grid;
  gap: var(--space-md);
}

.events-item {
  display: grid;
  gap: var(--space-sm);
  min-width: 0;
  padding: var(--space-2xl);
  background: rgb(var(--color-gray-100));
  border-radius: var(--radius-squircle-md);
  overflow-wrap: anywhere;
}

.events-item-heading {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-md);
}

.events-item-title {
  font-size: var(--font-size-lg);
  line-height: var(--font-line-height-lg);
}

.events-item-period {
  color: rgb(var(--color-gray-500));
  font-size: var(--font-size-sm);
  line-height: var(--font-line-height-sm);
}

.events-item-description {
  white-space: pre-wrap;
}