.event-agenda__list details .event-agenda__title {
  cursor: pointer;
}
.event-agenda__details:not(:last-of-type) {
  border-bottom: 1px solid var(--Light-Periwinkle);
}
.event-agenda__details:nth-child(even) {
  background-color: var(--Pale-Periwinkle);
}
.event-agenda__details:not(.event-agenda--no-desc)[open] summary::after {
  rotate: 45deg;
}
.event-agenda__details:not(.event-agenda--no-desc) summary::after {
  cursor: pointer;
  position: absolute;
  right: 1em;
  top: 1em;
  display: block;
  content: "";
  border-radius: 1rem;
  width: 1.25rem;
  height: auto;
  aspect-ratio: 1/1;
  transform-origin: 50% 50%;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><circle cx='10' cy='10' r='10' fill='%2376D690'/><path fill='%23381360' d='M11 9h3.55v2H11v3.55H9V11H5.46V9H9V5.45h2V9Z'/></svg>") no-repeat center/contain;
}
.event-agenda__details:first-of-type {
  border-top: 1px solid var(--Light-Periwinkle);
}
.event-agenda__summary {
  list-style: none;
  display: grid;
  grid-template-columns: 0.3fr 0.7fr;
  gap: 1rem;
  padding: 1rem;
  position: relative;
}
@media screen and (width < 33.75rem) {
  .event-agenda__summary {
    grid-template-columns: 1fr;
  }
}
.event-agenda__summary > p {
  margin: 0;
}
.event-agenda__header {
  display: grid;
  grid-template-columns: 0.3fr 0.7fr;
  gap: 1rem;
  padding: 1rem;
}
@media screen and (width < 33.75rem) {
  .event-agenda__header {
    grid-template-columns: 1fr;
  }
}
.event-agenda__content > div {
  display: grid;
  grid-template-columns: 0.3fr 0.7fr;
  gap: 1rem;
  padding: 0 1rem 1rem;
}
@media screen and (width < 33.75rem) {
  .event-agenda__content > div {
    grid-template-columns: 1fr;
  }
}
.event-agenda__content > figure {
  margin: 0;
}
.event-agenda__content.event-agenda--no-image > div {
  grid-template-columns: 1fr;
}
.event-agenda__content.event-agenda--no-image > figure {
  display: none;
}
.event-agenda__time time {
  white-space: nowrap;
}
.event-agenda__title {
  font-weight: 600;
}
.event-agenda__img {
  flex-basis: 1 1 30%;
}
.event-agenda__img img {
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 1rem;
}
.event-agenda__desc p:last-of-type {
  margin-bottom: 0;
}