/**
 * Мобільна гілка — текстова сторінка (page.php: Політика конфіденційності тощо).
 * Макета НЕМАЄ ні для десктопа, ні для 402. Логіка мобільних внутрішніх сторінок:
 * поля 30 (контейнер 342), H1 як на «Контактах» / «Про нас» — верх 144, вага 100,
 * капс; текст 15 (основний кегль мобільної гілки) з інтерліньяжем для читання
 * довгого тексту.
 */

[data-layout="mobile"] .page--text .text-page__head { padding-top: 144px; }

/* Кегль 33 замість 35 («Контакти» / «Про нас»): слово «КОНФІДЕНЦІЙНОСТІ» при 35
   має 352px і не влазить у колонку 342 — рвалося як «…НОС / ТІ». При 33 воно
   332px. Інтерліньяж 37 — та сама пропорція, що 39 / 35. */
[data-layout="mobile"] .text-page__title {
  max-width: none;
  font-size: 33px;
  line-height: 37px;
}

[data-layout="mobile"] .text-page__body {
  max-width: none;
  margin-top: 48px;
  font-size: 15px;
  line-height: 22.5px;
}

[data-layout="mobile"] .text-page__body > * + * { margin-top: 15px; }

[data-layout="mobile"] .text-page__body h2,
[data-layout="mobile"] .text-page__body h3 {
  margin-top: 40px;
  font-size: 20px;
  line-height: 25.6px;
}
[data-layout="mobile"] .text-page__body h3 {
  margin-top: 28px;
  font-size: 17px;
  line-height: 21.8px;
}
[data-layout="mobile"] .text-page__body h2 + *,
[data-layout="mobile"] .text-page__body h3 + * { margin-top: 14px; }

[data-layout="mobile"] .text-page__body ul,
[data-layout="mobile"] .text-page__body ol { gap: 8px; }

[data-layout="mobile"] .text-page__body li { padding-left: 24px; }

[data-layout="mobile"] .text-page__body ul > li::before {
  top: 10.75px;
  width: 12px;
  border-top-width: 1px;
}

[data-layout="mobile"] .text-page__body a { text-underline-offset: 3px; }