#schedule-page {
  margin-block: var(--home-vertical-spacing);
  margin-inline: auto;
  max-width: var(--w-wide);
  padding-inline: 1rem;

  h2 {
    margin-bottom: 4rem;
    @media (width < 40rem) { margin-bottom: 3rem; }
  }
}

.events {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;

  @media (width < 40rem) { gap: 2rem; }

  &>div {
    border-left: 0.2rem solid var(--accent-light);
    padding-left: 1rem;

    display: flex;
    flex-direction: column;
    gap: 0.6rem;
  }

  .title > * {
    display: block;
  }

  .title > *:first-child,
  .collaborators {
    color: var(--accent-light);
  }
}