/* ==========================================================================
   Главная — «Как мы работаем» (site/layouts/130-workflow.php). Только var(--es-*).
   02.11: без номеров в кружках и пунктира между шагами («выглядит как будто нейросеть делала») — иконка, заголовок, текст.
   ========================================================================== */
body.main-page .home-workflow__steps {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px 28px; margin: 0; padding: 0; list-style: none; counter-reset: none}
body.main-page .home-workflow__step {position: relative; display: flex; flex-direction: column; min-width: 0}
body.main-page .home-workflow__icon {display: block; margin-bottom: 16px; color: var(--es-primary); font-size: 30px; line-height: 1}
body.main-page .home-workflow__title {margin: 0; color: var(--es-heading); font-size: 20px; font-weight: 700; line-height: 1.3}
body.main-page .home-workflow__text {margin: 10px 0 0; max-width: 290px; color: var(--es-text); font-size: 15px; line-height: 1.6}

@media (max-width: 992px) {
    body.main-page .home-workflow__steps {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 24px}
}
@media (max-width: 560px) {
    body.main-page .home-workflow__steps {grid-template-columns: 1fr; gap: 26px}
    body.main-page .home-workflow__step {display: grid; grid-template-columns: 30px 1fr; column-gap: 16px}
    body.main-page .home-workflow__icon {grid-row: 1 / span 2; margin: 2px 0 0; font-size: 26px}
    body.main-page .home-workflow__text {max-width: none; margin-top: 6px}
}