/* big-number-steps
   Generated from the approved mockup CSS by wp-build/css.py, plus css-fixes/big-number-steps.css. */
.big-steps .bigsteps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s5); }
.big-steps .bignum { display: block; font-family: var(--head); font-size: 64px; font-weight: 400; line-height: 1; color: var(--highlight-text); margin-bottom: var(--s3); font-variant-numeric: lining-nums; }
.big-steps .bigsteps h3 { font-size: 24px; font-weight: 500; margin-bottom: 8px; }
.big-steps .bigsteps p { color: var(--muted); font-size: 17px; max-width: 34ch; }
@media (max-width: 800px) {
  .big-steps .bigsteps { grid-template-columns: minmax(0, 1fr); gap: var(--s4); }
  .big-steps .bignum { font-size: 48px; margin-bottom: 12px; }
}

/* Block markup adjustments */
.big-steps .bigsteps p.bignum { display: block; font-family: var(--head); font-size: 64px; font-weight: 400; line-height: 1; color: var(--highlight-text); margin-bottom: var(--s3); max-width: none; }
@media (max-width: 800px) { .big-steps .bigsteps p.bignum { font-size: 48px; margin-bottom: 12px; } }