/* Блок эксперта в две колонки: /seo, /automation, /content и страницы услуг. */

/* МНЕНИЕ ЭКСПЕРТА В ДВЕ КОЛОНКИ (/seo, /automation, /content)
   Слева рассуждение, справа — крупные цифры. Числа не выдуманы: каждое взято
   из соседнего абзаца той же страницы, поэтому текст и колонка не расходятся. */
.ex-split .article-section { padding: 34px 36px; margin: 0; height: 100%; }

.ex-split {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 400px);
  gap: clamp(24px, 3vw, 48px);
  /* обе колонки одной высоты: цифры не вылезают за карточку ни сверху, ни снизу */
  align-items: stretch; margin-top: 48px;
}

.ex-figures {
  display: grid; align-content: space-between; gap: 24px;
  /* выравнивание по карточке: тот же вертикальный отступ, что и её padding */
  padding: 34px 0;
}

.ex-fig { display: grid; gap: 6px; }

.ex-fig-value {
  font-family: var(--font-unbounded), sans-serif; font-weight: 800;
  /* значения бывают словесными («2–3 недели», «от 1 390 BYN») — кегль
     подстраивается под длину, чтобы строка не ломалась пополам */
  font-size: clamp(1.9rem, 2.9vw, 2.9rem); line-height: 1.05; letter-spacing: -0.035em;
  white-space: nowrap;
  text-wrap: balance;
  background: linear-gradient(135deg, var(--yellow), var(--orange));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}

.ex-fig-label { font-size: 0.92rem; line-height: 1.5; color: var(--text-muted); }

@media (max-width: 900px) {
  /* на телефоне цифры идут после текста, лентой в одну колонку */
.ex-split { grid-template-columns: 1fr; }

.ex-figures { position: static; gap: 20px; }

.ex-fig { grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 14px; }

.ex-fig-value { font-size: 2rem; }
}