/* ═══════════════════════════════════════════════════════════════════════
   ОБЫЧНАЯ ТЕКСТОВАЯ СТРАНИЦА (сейчас единственная — «Согласие на обработку
   персональных данных»).

   Поверх css/pages.css — оттуда токены, фон, шапка и кнопки. Своё здесь
   только одно: типографика чужого текста. Разметку внутри пишут в редакторе,
   поэтому правила заданы по ТЕГАМ, а не по классам: под каждый абзац класс
   никто проставлять не будет.

   Подключается ТОЛЬКО на текстовых страницах (inc/text-page.php).
   ═══════════════════════════════════════════════════════════════════════ */

/* Колонка стоит ПО ЦЕНТРУ страницы, а не прижата к левому краю (замечание
   пользователя 2026-08-06). Причина видна на широком экране: текст занимает
   68ch, и при выравнивании влево справа остаётся пустое поле почти во всю
   ширину — страница выглядит недогруженной, а не спокойной. По центру она
   читается так же, как карточка на 404.

   Центрируется КОЛОНКА и заголовок, но НЕ сам текст: строки абзацев остаются
   выровненными по левому краю. Центрированный многострочный текст читается
   тяжело — у каждой строки уезжает начало, а здесь ожидается длинный
   юридический текст, который читают целиком. */
.tp .pgh{text-align:center}

/* Ширина строки, а не ширина экрана: на 1240px строка юридического текста
   вышла бы под 180 знаков, и глаз теряет начало следующей. 68ch — обычный
   диапазон читаемости для длинного текста. */
.tp-body{max-width:68ch;margin-left:auto;margin-right:auto;color:var(--ink-2);
  font-size:clamp(15px,calc(0.16vw + 13px),16.5px);line-height:1.7;
  /* Текст пишут в редакторе, и в нём может оказаться длинная ссылка или
     слово без пробелов. Рвём их, а не страницу: горизонтальной прокрутки
     у документа быть не должно ни на одном экране. */
  overflow-wrap:anywhere}

.tp-body > *:first-child{margin-top:0}
.tp-body > *:last-child{margin-bottom:0}

.tp-body p{margin:0 0 1.05em}
.tp-body h2{font-size:var(--h-sec);color:var(--ink);margin:1.7em 0 .55em}
.tp-body h3{font-size:clamp(16.5px,calc(0.23vw + 14px),19px);color:var(--ink);margin:1.5em 0 .45em}
.tp-body h4{font-family:Rubik,sans-serif;font-weight:600;font-size:1em;color:var(--ink);margin:1.4em 0 .4em}

.tp-body ul,.tp-body ol{margin:0 0 1.05em;padding-left:1.35em}
.tp-body li{margin-bottom:.4em}
.tp-body li::marker{color:var(--faint)}

/* Ссылку в чужом тексте подчёркиваем: в остальной теме ссылки — это кнопки
   и карточки, узнаваемые формой, а здесь ссылка стоит внутри строки, и кроме
   подчёркивания отличить её нечем. */
.tp-body a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.tp-body a:hover{color:var(--accent-2)}

.tp-body strong,.tp-body b{font-weight:600;color:var(--ink)}
.tp-body hr{border:0;border-top:1px solid var(--line);margin:1.8em 0}

/* Блок с сохранением форматирования. Правило нужно не для красоты: у `pre`
   по умолчанию нет переноса, и его содержимое ВЫЛЕЗАЕТ ЗА СВОЙ БЛОК, не
   расширяя его, — то есть страница уезжает вбок, а замер по рамкам
   элементов этого не видит (поймано на 390px: документ 713px при том, что
   все блоки укладывались в 370px). Даём блоку свою прокрутку. */
.tp-body pre{overflow-x:auto;max-width:100%;margin:0 0 1.05em;
  padding:clamp(12px,1vw,18px) clamp(14px,1.1vw,20px);
  background:var(--surface-2);border-radius:calc(var(--rad) - 5px);
  font-size:.9em;line-height:1.5}
.tp-body code{background:var(--surface-2);border-radius:5px;padding:.1em .35em;font-size:.92em}
.tp-body pre code{background:none;padding:0}

.tp-body blockquote{margin:1.3em 0;padding:clamp(14px,1.1vw,20px) clamp(16px,1.3vw,24px);
  background:var(--surface);border:1px solid var(--line);
  border-left:3px solid var(--accent);border-radius:calc(var(--rad) - 4px)}

/* Таблица в тексте бывает шире экрана — прокручиваем ЕЁ, а не страницу
   (то же правило, что везде: горизонтальной прокрутки у документа быть
   не должно).

   `display:block` здесь не описка: только так у таблицы появляется своя
   область прокрутки. Внутреннюю раскладку это не ломает — браузер строит
   для строк анонимную таблицу. Проверено таблицей на шесть колонок:
   прокручивается она, документ остаётся 390px. */
.tp-body table{display:block;overflow-x:auto;width:100%;
  border-collapse:collapse;margin:0 0 1.05em;font-size:.95em}
.tp-body th,.tp-body td{overflow-wrap:normal}
.tp-body th,.tp-body td{border:1px solid var(--line);padding:9px 12px;text-align:left}
.tp-body th{background:var(--surface-2);font-weight:600;color:var(--ink)}
.tp-body img{border-radius:calc(var(--rad) - 6px);margin:1.2em 0}

/* ── страница без текста ──
   Тот же язык, что у пустого каталога (.nocourses в catalog.css): пунктирная
   рамка, приглушённый текст, никаких значков. Третьего вида «здесь пусто»
   на сайте заводить нельзя. */
.tp-empty{max-width:68ch;margin-left:auto;margin-right:auto;
  padding:clamp(28px,3vw,48px) clamp(20px,2vw,30px);text-align:center;
  background:var(--surface);border:1px dashed var(--line);
  border-radius:calc(var(--rad) + 4px);color:var(--muted);font-size:15px}
.tp-empty b{display:block;font-family:Rubik,sans-serif;font-weight:600;color:var(--ink);
  font-size:clamp(17px,calc(0.31vw + 13px),20px);margin-bottom:9px}
.tp-empty p{max-width:46ch;margin:0 auto;line-height:1.55}
.tp-empty .btn{margin-top:clamp(15px,1.3vw,20px)}