/* СЛУЖЕБНЫЕ СТРАНИЦЫ (текст, 404, спасибо) */

/* ---- Страница по умолчанию ---- */

.page-default { padding: calc(var(--header-h) + 30px) 0 60px; }

/* ---- Текстовая страница ---- */

.text-page { padding: calc(var(--header-h) + 40px) 0 80px; }

.text-page__title { margin: 40px 0 20px; }

/* Размер и интерлиньяж текста даёт класс .text на самом блоке. */

/* Заголовки повторяют .title-3, .title-4 и .text-l. */
.text-page__body h2,
.text-page__body h3,
.text-page__body h4 {
  margin: 40px 0 20px;
  font-weight: 600;
}

.text-page__body h2 { font-size: 28px; line-height: 36px; letter-spacing: -0.01em; }
.text-page__body h3 { font-size: 22px; line-height: 30px; letter-spacing: -0.005em; }
.text-page__body h4 { font-size: 20px; line-height: 32px; }

.text-page__body > :first-child { margin-top: 0; }

/* Пустая строка между абзацами — как на макете. */
.text-page__body p { margin-bottom: 26px; }

.text-page__body ul,
.text-page__body ol { margin: 0 0 26px 22px; }

/* Общий сброс снимает маркеры, поэтому возвращаем их явно. */
.text-page__body ul li { list-style: disc; margin-bottom: 10px; }
.text-page__body ol li { list-style: decimal; margin-bottom: 10px; }

.text-page__body > :last-child { margin-bottom: 0; }

.text-page__body a { color: var(--brand-2); text-decoration: underline; }
.text-page__body a:hover { text-decoration: none; }
.text-page__body strong { font-weight: 600; }

/* ============================================
   ПЛАНШЕТ ≤ 1080px
   ============================================ */

@media (max-width: 1080px) {
  .text-page__body h2 { font-size: 24px; line-height: 32px; }
  .text-page__body h3 { font-size: 20px; line-height: 28px; letter-spacing: 0em; }
  .text-page__body h4 { font-size: 18px; line-height: 28px; }
}

/* ============================================
   МОБАЙЛ ≤ 768px
   ============================================ */

@media (max-width: 768px) {
  .page-default {
    padding: calc(var(--header-h) + 20px) 0 30px;
  }

  .text-page {
    padding: calc(var(--header-h) + 20px) 0 40px;
  }

  .text-page__title {
    margin: 20px 0;
  }

  .text-page__body h2,
  .text-page__body h3,
  .text-page__body h4 {
    margin: 20px 0 10px;
  }
}