/* =====================================================================
   docs.css — общий стиль правовых страниц (privacy / agreee / public-offer).
   Владелец: F-02. Единый .page-doc (CONTRACT §7).
   Источник: Tilda-эталон (base/<page>_*.png) + оригинальный Tilda-CSS из git
   (tilda-blocks-page9464*.min.css, tilda-grid-3.0.min.css).
   Структура Tilda: .t-rec(pt60/pb60) → .t004(pt8/pb6) → .t-container →
   .t-col_8(760px).t-prefix_2 → .t-text.t-text_md (20px/#000/1.55).
   ===================================================================== */

/* --- Локальный self-hosted Inter (переменный woff2, те же файлы что у Tilda).
   В среде визуального регресса gstatic нередко недоступен из браузера →
   Google Fonts <link> из layout.php молча падает, и страница уходит на
   Arial-fallback (другие метрики/glyph-шэйпы → дрейф метрики vs base).
   Локальная @font-face под distinct family-name 'InterDoc' загружается из
   nginx (надёжно) и не конфликтует по дескрипторам с упавшим Google-@font-face. --- */
@font-face {
    font-family: 'InterDoc';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/assets/fonts/inter-cyrillic-ext.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
    font-family: 'InterDoc';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/assets/fonts/inter-cyrillic.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
    font-family: 'InterDoc';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/assets/fonts/inter-latin-ext.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'InterDoc';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/assets/fonts/inter-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Белый «лист» поверх тёмного bg; полный width (внутри <main>). */
.page-doc {
    background: #ffffff;
    color: #000000;
    /* t-rec: padding-top/bottom 60px. */
    padding: 60px 0;
}

/* Tilda-эталон правовых страниц — чистый текстовый лист БЕЗ шапки и футера
   (никакого site-shell). Общая шапка/футер из layout.php/app.css здесь
   скрыты: это влияет ТОЛЬКО на три правовые страницы (docs.css подгружается
   только ими через $pageCss) и убирает два доминирующих источника mismatch —
   тёмную полосу фиксированной шапки поверх текста и прирост высоты от футера
   (на короткой странице agreee футер давал ~10 % расхождения сам по себе).
   F-05 (consolidation) может пересмотреть это решение. */
.site-header,
.site-footer {
    display: none !important;
}

/* Центрированная колонка t-col_8 (760px) + обёртка t004 (pt8/pb6). */
.page-doc__inner {
    max-width: 760px;          /* t-col_8 content-box */
    margin: 0 auto;            /* t-container(1200) + prefix_2 → чистый центраж 760 */
    padding: 8px 0 6px;        /* t004 padding-top:8 padding-bottom:6 */
    color: #000000;
    font-family: 'InterDoc', 'Inter', Arial, sans-serif;
    font-weight: 400;
    font-size: 20px;           /* t-text_md desktop */
    line-height: 1.55;
}

/* --- Типографика: Tilda рендерил ВЕСЬ текст как uniform t-text_md <p>.
   Заголовки в Tilda — тоже <p> (с <strong> для title, plain для секций);
   у нас h1/h2/h3, поэтому приводим их к тому же виду. --- */

/* Tilda рендерил <p>-абзацы БЕЗ вертикальных отступов (margin:0) — текст течёт
   сплошным потоком, разделённым только line-height. Это подтверждено замерами
   base: число строк текста у base и current одинаковое (~465), но при margin:1em
   current на ~1400px выше. Поэтому margin:0 для всех блочных элементов. */
.page-doc__inner p,
.page-doc__inner h1,
.page-doc__inner h2,
.page-doc__inner h3 {
    margin: 0;
}

/* h1 = title: bold 20px, uppercase (в Tilda заголовок — <p><strong> в ВЕРХНЕМ РЕГИСТРЕ). */
.page-doc__inner h1 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.55;
    color: #000000;
    text-transform: uppercase;
}

/* h2 = заголовок секции: в Tilda это plain <p> в ВЕРХНЕМ РЕГИСТРЕ, вес 400
   (т.е. визуально неотличим от абзаца). Не делаем крупным/акцентным. */
.page-doc__inner h2 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.55;
    color: #000000;
    text-transform: uppercase;
}

.page-doc__inner h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.55;
    color: #000000;
}

/* Списки — Tilda: #allrecords ul{padding-left:20px;margin:0 0 10px}, ol{...22px}. */
.page-doc__inner ul {
    margin: 0 0 10px;
    padding-left: 20px;
    list-style: disc;
}
.page-doc__inner ol {
    margin: 0 0 10px;
    padding-left: 22px;
    list-style: decimal;
}
.page-doc__inner li {
    margin: 0;
}

/* Tilda-дефолт ссылок: #ff8562, без подчёркивания. */
.page-doc__inner a {
    color: #ff8562;
    text-decoration: none;
}
.page-doc__inner strong,
.page-doc__inner b {
    font-weight: 700;
    color: #000000;
}

/* --- Responsive (брейкпоинты Tilda) --- */
/* Замеры base показали: на tablet(768px) Tilda НЕ переходит на full-width —
   колонка остаётся узкой ~600px по центру (84px gutters). Full-width только
   на mobile(375px ≤640) с боковым padding 20px. */
@media (max-width: 1200px) {
    /* tablet: t-text_md → 18px, колонка ~600px по центру (как в base: x84..683) */
    .page-doc__inner,
    .page-doc__inner h1,
    .page-doc__inner h2,
    .page-doc__inner h3 {
        font-size: 18px;
    }
    .page-doc__inner {
        max-width: 600px;
    }
}
@media (max-width: 640px) {
    /* mobile: t-text_md → 16px / 1.45, колонка full-width с padding 20px */
    .page-doc__inner {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .page-doc__inner,
    .page-doc__inner h1,
    .page-doc__inner h2,
    .page-doc__inner h3 {
        font-size: 16px;
        line-height: 1.45;
    }
}