.steps[data-c-rejoindre] {
  counter-reset: step;
  list-style: none;
  display: grid;
}
.steps[data-c-rejoindre] li[data-c-rejoindre] {
  counter-increment: step;
  border-top: 1px solid var(--border);
  grid-template-columns: 4rem 1fr;
  gap: 0 1rem;
  padding-block: 1.6rem;
  display: grid;
}
.steps[data-c-rejoindre] li[data-c-rejoindre]:last-child {
  border-bottom: 1px solid var(--border);
}
.steps[data-c-rejoindre] li[data-c-rejoindre]:before {
  content: counter(step);
  font-family: var(--font-display);
  color: var(--accent);
  grid-row: span 2;
  font-size: 3rem;
  font-weight: 700;
  font-stretch: 84%;
  line-height: 0.9;
}
.steps[data-c-rejoindre] h3[data-c-rejoindre] {
  font-size: var(--step-1);
}
.steps[data-c-rejoindre] p[data-c-rejoindre] {
  color: var(--text-muted);
  margin-top: 0.3rem;
}
.eco-lead[data-c-rejoindre] {
  margin: 1rem 0 2.4rem;
}
.eco[data-c-rejoindre] {
  list-style: none;
}
.eco[data-c-rejoindre] li[data-c-rejoindre] {
  display: grid;
}
.eco[data-c-rejoindre] .card[data-c-rejoindre] {
  border-radius: var(--radius) var(--radius) 3rem var(--radius);
  min-height: 12rem;
}