/* /context/ — стили только этой страницы. Цвета — токены. */

/* «Где будет показана реклама»: заголовок без большого нижнего отступа, карточка по центру высоты */
.ctx-where__head { margin-bottom: 0; }
.split--even.split { align-items: center; }
.aside-card .checklist { gap: var(--sp-2); }

/* Кейсы: две карточки друг под другом */
.ctx-cases { display: grid; gap: var(--sp-12); }
.ctx-case { display: grid; gap: var(--sp-4); min-width: 0; }
.ctx-case .metrics-note { margin-top: 0; }
.ctx-case__result { max-width: 72ch; color: var(--c-text-muted); }
.ctx-case__result strong { color: var(--c-text); font-weight: 600; }

/* Сетка цифр на 5 ячеек (кейс медицинского центра) */
.ctx-metrics--5 > div:last-child { grid-column: 1 / -1; }
@media (min-width: 720px) {
  .ctx-metrics--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .ctx-metrics--5 > div:last-child { grid-column: auto; }
}

/* Тарифы: цена, срок, перечень работ */
.ctx-tariff__price { font: 600 1.5rem/1.2 var(--font-mono); font-variant-numeric: tabular-nums; }
.ctx-tariff__term { display: block; margin-top: var(--sp-1); font: 400 var(--fs-small)/1.4 var(--font-sans); color: var(--c-text-muted); }
.ctx-tariff__list { gap: var(--sp-2); font-size: var(--fs-small); padding-block: var(--sp-2); }

/* Этапы: строки внутри пункта не растягиваются по высоте соседнего пункта
   (в общем .steps-list > li не хватает align-content: start — кандидат в pages.css) */
.ctx-steps > li { align-content: start; }