/* ============================================================================
   ok-page.css — БАЗОВАЯ СТРАНИЦА. Пакет W1-P06.
   ============================================================================

   ЗАЧЕМ ФАЙЛ. Оболочку страницы даёт `page.php`; этот лист задаёт ей меру
   строки и ритм внутри текста. Своих чисел здесь нет — всё из токенов и
   утилит W1-P01.

   ЗАМЕР «ДО» (`/politika-konfidencialnosti/`, живой рендер, 1440):

     заголовок   96px, ширина 1225px
     абзац       шрифт "Helvetica Neue", колонка 610px, по центру
     контейнер   1280/32 — единственное, что приехало из слоя совместимости

   Кегль 96px и «Хельветика» — родительская тема Twenty Twenty-One. Ни то, ни
   другое к системе дизайна отношения не имеет.

   ★ ПОЧЕМУ ЛИСТ КОРОТКИЙ И ПОЧЕМУ ЭТО ПРАВИЛЬНО. Разметка `page.php` носит
   `.ok-scope` — он приносит семейство, цвет, вес, line-height заголовков и
   ритм прозы (ok-foundation.css). Ширину даёт `.ok-container`, вертикальный
   ритм страницы — `.ok-section`, отбивку заголовка от текста —
   `.ok-stack--loose`. Все три из ok-layout.css, все три уже адаптивны и все три
   навешены классами в разметке, а не переписаны здесь. Значит листу остаётся
   ровно три вещи: кегль H1 (в каноне заданы только h2…h4), мера строки прозы и
   отбивка заголовков внутри текста. Всё прочее дублировало бы канон, а дубль
   канона — это и есть тот разнобой, против которого затевалась волна 1.

   ★ ЧЕГО ЛИСТ НЕ ДЕЛАЕТ — И ПОЧЕМУ. Он НЕ лечит `.entry-content` родительской
   темы. Соблазн был: тот же дефект, соседнее правило. Но `.entry-content`
   печатают ещё `page-korzina.php` и страница поиска — они вне объёма пакета, и
   правка доставала бы до них молча. Дефект слоя совместимости
   (`ok-legacy-compat.css:260` бьёт правило TT1 селектором (0,4,1) против
   (0,6,0) и проигрывает) вынесен в реестр решений отдельной позицией.
   ============================================================================ */

/* ── 1. ЗАГОЛОВОК ─────────────────────────────────────────────────────────
   `.ok-scope` задаёт заголовкам семейство, вес, цвет и line-height, но кегль —
   только h2…h4 (ok-foundation.css:89-91). H1 остаётся за компонентом, поэтому
   он здесь и берётся из токена, а не из числа.

   На мобильных кегль перебивает окно 30/28px из okna-mobile.css — это общий
   мобильный канон сайта, и спорить с ним компонент не должен. */
.ok-page__title{
  font-size: var(--ok-fs-h1);
}

/* ── 2. ПРОЗА ─────────────────────────────────────────────────────────────
   Мера строки — токен `--ok-content-reading` (760px, гайд §17). Модификатор
   `.ok-container--content` применён бы к самому контейнеру, но тогда на узкую
   колонку сел бы и заголовок; поэтому мера живёт на внутреннем блоке, а рамка
   страницы остаётся канонной 1280.

   Списки и таблицы меру не наследуют намеренно: у политики обработки данных
   нумерованный список — основное тело документа, сжимать его до колонки прозы
   незачем. */
.ok-page__content{
  max-width: var(--ok-content-reading);
}
.ok-page__content > ol,
.ok-page__content > ul,
.ok-page__content > table,
.ok-page__content > figure{
  max-width: none;
}

/* Отбивка заголовков внутри текста. Абзацы свой ритм получают от
   `.ok-scope p` (margin 0 0 16px), поэтому здесь только заголовки — иначе
   правило `* + *` вступило бы с ними в двойной счёт. */
.ok-page__content > h2,
.ok-page__content > h3{
  margin-top: var(--ok-gap-cols);
}
.ok-page__content > :first-child{
  margin-top: 0;
}

/* Ссылки в теле. Отклик и цвет ссылок-кнопок задан общим слоем; здесь только
   подчёркивание, которого в прозе не было, — иначе ссылка в юридическом
   тексте неотличима от обычного слова ничем, кроме оттенка. */
.ok-page__content a{
  color: var(--ok-blue);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* ── 3. РАЗБИВКА НА СТРАНИЦЫ ──────────────────────────────────────────────
   `wp_link_pages()` печатается редко, но если контент разбит тегом
   <!--nextpage-->, без правила ссылки слипаются в одну строку. */
.ok-page__pages{
  display: flex;
  flex-wrap: wrap;
  gap: var(--ok-gap-chips);
  margin-top: var(--ok-container-pad-desktop);
}