/* Раздел статей: список и страница статьи. Только токены base.css; радиуса и теней нет.
   Колонка статьи — .prose--article из base.css (68 знаков); здесь шапка статьи, подзаголовки и список. */

/* Заголовок статьи длинный (до 60 знаков): крупный H1 страницы услуги здесь дал бы пять строк. */
.article-head h1 {
  max-width: 24ch;
  font-size: clamp(2rem, 5vw, 3.5rem);
  line-height: 1.05;
  letter-spacing: -0.025em;
}

.article-head .lead {
  max-width: 48ch;
}

/* Подзаголовки внутри текста: на уровне H3 страницы, чтобы колонка читалась, а не кричала. */
.prose--article > h2 {
  margin-top: var(--space-64);
  font-size: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.prose--article > h2 + * {
  margin-top: var(--space-16);
}

.prose--article ol {
  padding-left: var(--space-32);
}

/* Список статей: заголовок слева, описание и дата справа (на узком экране друг под другом). */
.article-list {
  margin-top: var(--space-32);
}

.article-list .lines__text {
  color: var(--ink);
}

.article-empty {
  max-width: 48ch;
}

.related ul {
  margin: var(--space-16) 0 0;
  padding: 0;
  list-style: none;
}

.related li a {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch);
}