@import url("../design/tokens.cf68e2506a35.css");

.event-series-list {
  margin: 0;
  padding: 0;
  list-style: none;
  gap: var(--space-3);
}

.event-series-card,
.event-series-card__identity,
.event-series-card__facts {
  min-width: 0;
}

.event-series-card__identity {
  display: grid;
  gap: var(--space-2);
}

.event-series-card__identity h2,
.event-series-card__identity p,
.event-series-card__action {
  margin: 0;
}

.event-series-card__description {
  line-height: 1.45;
}

.event-series-card__facts {
  display: grid;
  gap: var(--space-3);
  margin: 0;
}

.event-series-card__facts > div {
  min-width: 0;
}

.event-series-card__facts dt {
  color: var(--color-muted);
  font-size: var(--typography-size-meta);
  font-weight: var(--typography-weight-bold);
}

.event-series-card__facts dd {
  margin: var(--space-1) 0 0;
  overflow-wrap: anywhere;
}

.event-series-card__action .button {
  white-space: nowrap;
}

@media (min-width: 960px) {
  .event-series-card {
    display: grid;
    grid-template-columns: minmax(250px, 0.9fr) minmax(520px, 1.45fr) auto;
    align-items: center;
    gap: var(--space-5);
    padding: var(--space-4) var(--space-5);
  }

  .event-series-card__facts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    gap: var(--space-4);
  }
}

@media (max-width: 700px) {
  .event-series-card {
    gap: var(--space-3);
  }

  .event-series-card__action,
  .event-series-card__action .button {
    width: 100%;
  }

  .event-series-card__action .button {
    min-height: var(--control-height-default);
    text-align: center;
  }
}