.situation {
  display: flex;
  flex-direction: column;
  gap: var(--sp-15);
  padding: var(--sp-20);
  border: 1px solid var(--c-coral);
  border-radius: var(--r-md);
  background-color: var(--c-cream);
}

.situation__number {
  font-family: var(--ff-serif);
  font-size: var(--fs-display);
  font-weight: var(--fw-regular);
  line-height: var(--lh-normal);
  color: var(--c-coral);
}

.situation__title {
  font-size: var(--fs-lead);
  font-weight: var(--fw-light);
  line-height: var(--lh-normal);
  color: var(--c-forest);
}

.situation__text {
  font-size: var(--fs-meta);
  line-height: var(--lh-normal);
}