/*
 * Ostoja — Steps widget ("Jak to działa").
 * Section-specific layout only; reuses shared .ost-section/.ost-container/
 * .ost-section-head/.ost-eyebrow/.ost-h2/.ost-card/.ost-icon-box primitives.
 */

.ost-steps__grid {
  margin-top: 4rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .ost-steps__grid { grid-template-columns: repeat(3, 1fr); }
}

.ost-steps__card { position: relative; }

.ost-steps__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.5rem;
}

/* Fully rounded icon box (circle), scoped to the Steps widget. */
.ost-steps__head .ost-icon-box { border-radius: 9999px; }

.ost-steps__number {
  font-size: .75rem;
  color: var(--ost-muted-foreground);
  font-variant-numeric: tabular-nums;
}

.ost-steps__title {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 .5rem;
  color: var(--ost-foreground);
}

.ost-steps__text {
  font-size: .875rem;
  line-height: 1.7;
  color: var(--ost-muted-foreground);
  margin: 0;
}