/* ======== Розробка лендингів — сторінкові доповнення ========
   Перевикористовує home.css / dev-page.css / booking.css. Тут лише те, чого не вистачає. */

/* 6 карток по 3 в ряд на десктопі */
@media (min-width: 900px) { #usecases-grid, #analytics-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* .chain на 6 кроків */
@media (min-width: 900px) { .chain__grid--6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } }

/* Логіка сторінки: нумерований список запитань клієнта */
.arch-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--c-line); }
.arch-list__row { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 20px; align-items: baseline; padding: clamp(22px, 2.8vw, 34px) 0; border-bottom: 1px solid var(--c-line); }
.arch-list__n { font-family: var(--f-mono); font-size: 13px; letter-spacing: .1em; color: var(--c-red); }
.arch-list__t { margin: 0; font-family: var(--f-display); font-weight: 600; font-size: 20px; grid-column: 2; }
.arch-list__d { margin: 6px 0 0; font-size: 15px; line-height: 1.6; color: var(--c-text-2); grid-column: 2; max-width: 56ch; }
@media (min-width: 760px) {
  .arch-list__row { grid-template-columns: 64px minmax(0, 1fr) minmax(0, 1fr); column-gap: 24px; }
  .arch-list__d { grid-column: 3; margin-top: 0; }
}