/* ==========================================================================
   R2GO4-6Steps – 6 Schritte zum Erfolg (3×2 Grid)
   Step-Markup pro Box: <h3> + <p> + <a class="more">.
   Element-Abstände kommen global aus base.css.
   ========================================================================== */

.steps-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-lg);
}

.step-item {
  background: var(--color-bg-warm);
  padding: var(--space-lg);
}

@media (max-width: 991px) {
  .steps-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .steps-grid {
    grid-template-columns: 1fr;
    gap: var(--space-md);
  }
}