/* Страница "Политика конфиденциальности" (/policy): текст документа.
   Макет: секции document, id mmvTL (десктоп 1440) / D4hwC (мобильная
   390) - дамп tools/qa/дампы/политика-десктоп.json / -мобильная.json.
   Все размеры и line-height - из спецификации этапа (уже посчитаны по
   дампу мерок), здесь не пересчитываются по формуле заново.

   Колонка контента на десктопе узкая (820px), прижата к левому краю
   белой секции 1440 - справа остаётся пустое поле. На телефоне колонка
   растягивается на всю ширину .wrap (max-width: none). */

.po-document {
  background: var(--white);
  padding-block: 40px 90px;   /* дамп: padding [40,56,90] - бок даёт .wrap, здесь не дублируется
                                  (иначе 56 секции + 56 .wrap = 112, колонка уезжает вправо) */
}

.po-document__col {
  max-width: 820px;
  display: flex;
  flex-direction: column;
  gap: 36px;   /* шапка → текст */
}

/* ─── Шапка ───────────────────────────────────────────────────── */

.po-document__head {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.po-document__kicker {
  margin: 0;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;   /* дамп */
  letter-spacing: 3px;
  color: var(--magenta-text);
}

.po-document__h1 {
  margin: 0;
  font-family: var(--font-head);
  font-weight: 800;
  font-size: 44px;
  line-height: 50px;   /* дамп */
  letter-spacing: -1.6px;
  color: var(--ink);
}

.po-document__date {
  margin: 0;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;   /* дамп */
  color: var(--muted);
}

/* ─── Текст документа ────────────────────────────────────────── */

/* 24px между каждым абзацем/заголовком текста: вводный абзац, заголовок
   раздела, абзац раздела, второй абзац раздела (где есть), следующий
   раздел. Карточка повторителя (.po-document__section) - сама flex-
   колонка с тем же gap, поэтому ритм одинаковый и между соседними
   разделами, и внутри одного раздела. */
.po-document__body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.po-document__section {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.po-document__h2 {
  margin: 0;
  font-family: var(--font-head);
  font-weight: 800;
  font-size: 24px;
  line-height: 30px;   /* дамп */
  letter-spacing: -0.6px;
  color: var(--ink);
}

.po-document__p {
  margin: 0;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 17px;
  line-height: 31px;   /* дамп */
  color: var(--muted);
}

@media (max-width: 860px) {
  .po-document {
    padding-block: 26px 52px;   /* бок на мобильной тоже даёт .wrap (20px) */
  }

  .po-document__col {
    max-width: none;   /* на телефоне колонка на всю ширину .wrap */
  }

  .po-document__kicker {
    font-size: 11px;
    line-height: 13px;   /* дамп */
    letter-spacing: 3px;
  }

  .po-document__h1 {
    font-size: 28px;
    line-height: 32px;   /* дамп */
    letter-spacing: -0.9px;
  }

  .po-document__date {
    font-size: 13px;
    line-height: 16px;   /* дамп */
  }

  .po-document__h2 {
    font-size: 19px;
    line-height: 24px;   /* дамп */
    letter-spacing: -0.4px;
  }

  .po-document__p {
    font-size: 15px;
    line-height: 28px;   /* дамп */
  }
}