/* ============================================================
   71-wte-steps — "5-step process" list on /what-to-expect/.
   Reuses the .sec-55-cond-related white section + numbered card;
   these rules stack the five cards in one readable column, make
   them non-interactive (no hover lift: they are not links), and
   style the bullet lists and CTA. Not pinned, no scroll-jacking.
   Scoped under .sec-71-wte-steps.
   ============================================================ */

.sec-71-wte-steps__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.1rem, 1.8vw, 1.5rem);
  max-width: 62rem;
}

.sec-71-wte-steps .sec-55-cond-related__card:hover {
  transform: none;
  border-color: transparent;
  box-shadow: var(--shadow-soft);
}
.sec-71-wte-steps .sec-55-cond-related__card:hover .sec-55-cond-related__num {
  background: var(--accent-soft);
  color: var(--accent-strong);
}

.sec-71-wte-steps .sec-55-cond-related__card h3 {
  font-size: clamp(1.15rem, 1rem + 0.6vw, 1.45rem);
  margin-bottom: 0.9rem;
}

.sec-71-wte-steps .sec-55-cond-related__card p {
  font-size: 1rem;
  margin-bottom: 0.9rem;
}
.sec-71-wte-steps .sec-55-cond-related__card p:last-child { margin-bottom: 0; }

.sec-71-wte-steps__bullets {
  list-style: disc;
  padding-left: 1.25rem;
  margin: 0 0 0.9rem;
  color: var(--text-on-bone-dim);
  line-height: 1.55;
}
.sec-71-wte-steps__bullets li + li { margin-top: 0.35rem; }

.sec-71-wte-steps__cta { margin-top: 1.25rem; }