/*
 * Homepage intervention-card active layout.
 * Keep the existing card dimensions, place the number and title on one row,
 * and start the body directly beneath that row instead of anchoring it low.
 */

.rr-v2.route-home .intervention-card.is-active .intervention-card__summary {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: baseline;
  column-gap: 1rem;
  row-gap: 0;
}

.rr-v2.route-home .intervention-card.is-active .intervention-card__number,
.rr-v2.route-home .intervention-card.is-active h3 {
  align-self: baseline;
}

.rr-v2.route-home .intervention-card.is-active .intervention-card__detail {
  align-items: start;
  margin-top: 1.15rem;
  transform: translateY(0);
}

@media (max-width: 960px) {
  .rr-v2.route-home .intervention-card.is-active .intervention-card__detail {
    margin-top: 1rem;
  }
}

@media (max-width: 620px) {
  .rr-v2.route-home .intervention-card.is-active .intervention-card__summary {
    column-gap: .85rem;
  }

  .rr-v2.route-home .intervention-card.is-active .intervention-card__detail {
    margin-top: .85rem;
  }
}