/**
 * wc-hc-step-item.css
 * Individual step card with CSS counter number.
 */

.step-card {
  background: var(--white);
  padding: var(--sp-md);
  overflow-wrap: break-word;
}

/* CSS counter — increments on each .step-card inside .steps-row */
.step-num {
  font-family: 'Playfair Display', serif;
  font-size: 40px;
  font-weight: 900;
  color: var(--red-bright);
  line-height: 1;
  margin-bottom: 6px;
  counter-increment: step-counter;
}

.step-num::before {
  content: counter(step-counter);
}

.step-title {
  font-size: var(--t-body);
  font-weight: 700;
  color: var(--dark);
  margin-bottom: 6px;
  line-height: 1.3;
}

.step-desc {
  font-size: var(--t-small);
  color: var(--body-text);
  line-height: 1.6;
  overflow-wrap: break-word;
}