img {
  width: 100%;
  max-width: 500px;
  border-radius: var(--radius);
}

dl {
  display: grid;
  column-gap: 1rem;
  grid-template-rows: auto auto;
  grid-auto-flow: column;
  width: fit-content;
}
dt {
  padding: 0.5rem;
  background: var(--pink);
  border-radius: var(--radius) var(--radius) 0 0;
  font-weight: 700;
}
dd {
  padding: 0.5rem;
  margin: 0;
  border: 1px solid var(--pink);
  border-radius: 0 0 var(--radius) var(--radius);
}

section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0.5rem;
  border-radius: var(--radius);
  margin: 1rem 0;
}

section:first-of-type {
  background: var(--pink);
}

section:last-of-type {
  border: 1px solid var(--pink);
}

h2, ol, ul {
  margin: 0;
}