/* Страница «Создание сайтов» (/create-sites/). Только то, чего нет в pages.css. Цвета — токены. */

/* Подводка к плиткам целей */
.goals__intro { font-weight: 600; margin-bottom: var(--sp-5); }

/* Название тарифа-ссылки — подчёркивание цветом канала R */
.price-rows a.price-rows__name { text-decoration-color: var(--c-r); }


/* Мини-кейсы под большим кейсом ГТРК: 2 колонки от 900px, равная высота в ряду */
.case-grid { display: grid; gap: var(--sp-6); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 620px) { .case-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.case-card {
  display: grid; grid-template-rows: auto 1fr; overflow: hidden; min-width: 0;
  background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--r-lg);
}
.case-card__shot {
  display: block; width: 100%; height: auto; aspect-ratio: 16 / 10;
  object-fit: cover; object-position: top center;
  background: var(--c-surface-2); border-bottom: 1px solid var(--c-line);
}
.case-card__body { display: grid; gap: var(--sp-3); align-content: start; justify-items: start; padding: clamp(var(--sp-5), 2vw, var(--sp-6)); min-width: 0; }
.case-card__title { font-size: var(--fs-h3); line-height: 1.25; }
.case-card__domain { margin-top: calc(-1 * var(--sp-2)); font-size: var(--fs-small); color: var(--c-text-faint); text-decoration: none; overflow-wrap: anywhere; }
.case-card__domain:hover { color: var(--c-text); text-decoration: underline; }
.case-card__desc { font-size: var(--fs-small); color: var(--c-text-muted); }