/* === Страница правового документа (/privacy/) === */
/* Отдельный файл, ничего общего с приложением: страница должна открываться у
   человека, который в систему не входит и войти не может — контактного лица
   учреждения. Тянуть ради неё bootstrap и stylesheet.css приложения значило бы
   повторить ту же ошибку, из-за которой экран входа весил на 715 КБ больше
   нужного (AUD-FE-03). Здесь только свои правила.

   Вид — обычный документ, а не экран приложения (30.09.2026). Первая редакция
   была собрана из карточек: серая подложка, на ней белая карточка со
   скруглением, внутри ещё карточки целей в рамках, домены моноширинным синим.
   Владелец: «выглядит как нейрослоп». Сверка с тем, как опубликованы политики
   у крупных российских операторов (Яндекс, Т-Банк), и с рекомендациями
   Роскомнадзора по составлению политики дала одну картину: шапка сайта,
   заголовок, пронумерованные разделы с подпунктами «2.1», сплошной тёмный
   текст на белом. Ни карточек, ни плашек, ни теней — документ читается как
   документ и распечатывается как документ.

   Токены — из дизайн-системы: основной текст #3c3c43 (11.6:1), вторичный
   #5c5c68 (6.6:1), заголовки графитом #2b2d33, ссылки #1c5cab (6.63:1).
   Шапка — та же, что на странице входа (см. ниже). */

.legal-body {
    margin: 0;
    padding: 0;
    background: #ffffff;
    color: #3c3c43;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
                 "Helvetica Neue", Arial, sans-serif;
    /* 16px, а не 15: документ читают целиком, а не пробегают глазами. */
    font-size: 16px;
    line-height: 1.6;
    -webkit-text-size-adjust: 100%;
}

/* --- Шапка --- */

/* Как на странице входа (владелец, 01.10.2026: «сделай как на странице
   логина»; тёмно-синяя под цвет приложения не понравилась): полоса во всю
   ширину и логотип у левого края. Bootstrap сюда не подключён, поэтому размеры
   перенесены замером со страницы входа: буквы 40px шрифтом бутстрапа, отступ
   слева 15 + 5px, «К» сдвинута на 16px, высота полосы 61px.

   Цвет — не входа, и это намеренно. Там полоса — светлая .navbar-default с
   прозрачностью 0.6 поверх фотографии; на белом документе та же полоса
   сливалась с фоном («так вообще теряется»). Поэтому светло-серая поверхность
   дизайн-системы #eef1f6 без прозрачности, а буквы — вторичным текстом
   #5c5c68 (5.8:1 на этом фоне).

   И на входе полоса прибита к верху окна (navbar-fixed-top), здесь — нет: вход
   не прокручивается, а документ длинный, и полоса съедала бы ему место. */
.legal-header {
    min-height: 50px;
    background-color: #eef1f6;
    border-bottom: 1px solid #dfe3ea;
}

.legal-header__inner {
    padding: 0 15px;
}

.legal-header__logo {
    display: inline-block;
    margin-top: 3px;
    color: #5c5c68;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.428571429;
    text-decoration: none;
    user-select: none;
}

.legal-header__logo:focus {
    outline: 2px solid #0d9488;
    outline-offset: 2px;
}

/* Классы те же, что на входе; отдельные правила, потому что auth.css сюда не
   подключён. margin-right гасит место, которое остаётся за сдвинутой «К», —
   иначе кольцо фокуса висело бы справа от логотипа с пустым хвостом. */
.logo-char-SH,
.logo-char-K {
    font-weight: bold;
    font-size: 40px;
    margin-left: 5px;
}

.logo-char-K {
    position: relative;
    left: -16px;
    margin-right: -16px;
}

/* --- Документ --- */

.legal-main {
    /* 110px снизу — чтобы плашка cookie не накрывала последние строки. */
    padding: 44px 24px 110px;
}

/* 680px — около 80 знаков кириллицы в строке: длиннее глаз теряет начало
   следующей строки. */
.legal-doc {
    max-width: 680px;
    margin: 0 auto;
}

.legal-doc p {
    margin: 0 0 12px;
}

.legal-doc__title {
    margin: 0 0 24px;
    color: #2b2d33;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
}

/* Дата редакции — сразу под заголовком, как у Яндекса и Т-Банка. Показывается
   только когда владелец её вписал (OPERATOR["approved"] во views.py). */
.legal-doc__title + .legal-doc__meta {
    margin-top: -14px;
}

.legal-doc__meta {
    margin: 0 0 24px;
    color: #5c5c68;
    font-size: 14px;
}

/* Пометка «черновик». На настоящей странице её нет — она для случая, когда
   реквизиты оператора стёрты. Жёлтый фон предупреждения из дизайн-системы и
   полоса слева: так её видно и в беглом просмотре, и на распечатке. */
.legal-draft {
    margin: 0 0 24px;
    padding: 10px 14px;
    border-left: 3px solid #d9a400;
    background: #fdf6e3;
}

.legal-blank {
    color: #a52222;
    font-weight: 600;
    border-bottom: 1px dashed currentColor;
}

/* «152-ФЗ» не рвётся на дефисе: «№ 152-» в конце строки и «ФЗ)» в начале
   следующей — первое, что выдаёт свёрстанный наспех документ. Сокращения
   («ст.», «ч.», «п.», «№») приклеены к числу неразрывным пробелом прямо в
   тексте, тире — к предыдущему слову. */
.legal-nowrap {
    white-space: nowrap;
}

/* --- Разделы --- */

/* Ссылка на раздел (/privacy/#s5) ставит заголовок не вплотную к кромке окна. */
.legal-section {
    scroll-margin-top: 20px;
}

/* Иерархию держат кегль и вес, а не рамки и отбивки линиями: между разделами
   только воздух. */
.legal-section h2 {
    margin: 36px 0 12px;
    color: #2b2d33;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
}

.legal-section h3 {
    margin: 28px 0 10px;
    color: #2b2d33;
    font-size: 17px;
    line-height: 1.35;
    font-weight: 700;
}

/* Первый подпункт идёт сразу за заголовком раздела — 28px воздуха между
   «2. Цели…» и «2.1. …» разрывали бы их на два раздела. */
.legal-section h2 + .legal-purpose h3 {
    margin-top: 16px;
}

/* Имена cookie. Тег <code> остаётся — по нему тест сверяет перечень с тем, что
   Django ставит на самом деле, — но выглядят они как слова текста: синий
   моноширинный посреди абзаца и был одной из примет «экрана приложения». */
.legal-section code {
    font: inherit;
    color: inherit;
}

/* Ссылки — как в плашке cookie и подвале входа: графит с тонким бирюзовым
   подчёркиванием (01.10.2026; синий владелец забраковал). */
.legal-doc a {
    color: #2b2d33;
    text-decoration: underline;
    text-decoration-color: #0d9488;
    text-decoration-thickness: 1px;
    text-underline-offset: .2em;
    transition: color .15s ease, text-decoration-thickness .15s ease;
}

.legal-doc a:hover {
    color: #16181d;
    text-decoration-thickness: 2px;
}

.legal-doc a:focus:not(:focus-visible) {
    outline: none;
}

.legal-doc a:focus-visible {
    outline: 2px solid #0d9488;
    outline-offset: 2px;
    border-radius: 2px;
}

/* Плашка cookie на этой странице лежит поверх текста документа, а не
   фотографии: сквозь полупрозрачную полосу проступали бы строки. Размытие
   превращает их в ровный фон; линия сверху отделяет плашку от документа. */
.legal-body .cookie-notice {
    border-top: 1px solid #dfe3ea;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

/* --- Таблицы: реквизиты (раздел 1) и цели обработки (раздел 2) --- */

/* Цель — подпункт документа с таблицей из четырёх граф, которые называет
   п. 2 ч. 1 ст. 18.1: чьи данные, какие, основание, срок. Таблица в две
   колонки на каждую цель, а не одна на все цели в пять колонок: у каждой
   графы абзац текста, и на 375px пятиколоночная превратилась бы в столбики
   по три слова. Разметка — <dl>: по <dt> тест проверяет, что у каждой цели
   есть все графы. Только горизонтальные линии, без боковых рамок и
   скруглений — как таблица в документе, а не карточка в интерфейсе. */
.legal-facts,
.legal-purpose dl {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    margin: 0;
    border-top: 1px solid #dfe3ea;
    font-size: 15px;
    line-height: 1.55;
}

.legal-facts dt,
.legal-facts dd,
.legal-purpose dt,
.legal-purpose dd {
    margin: 0;
    padding: 9px 0;
    border-bottom: 1px solid #dfe3ea;
}

.legal-facts dt,
.legal-purpose dt {
    padding-right: 20px;
    color: #2b2d33;
    font-weight: 600;
}

@media (max-width: 600px) {
    .legal-main {
        padding: 28px 20px 150px;
    }

    .legal-doc__title {
        font-size: 24px;
    }

    .legal-section h2 {
        margin-top: 30px;
        font-size: 19px;
    }

    /* Графы складываются в столбец: название над текстом, линия — между
       графами, а не между названием и его текстом. */
    .legal-facts,
    .legal-purpose dl {
        grid-template-columns: minmax(0, 1fr);
    }

    .legal-facts dt,
    .legal-purpose dt {
        padding: 9px 0 0;
        border-bottom: 0;
    }

    .legal-facts dd,
    .legal-purpose dd {
        padding: 2px 0 9px;
    }
}

/* --- Возврат --- */

.legal-back {
    margin: 40px 0 0;
    padding-top: 16px;
    border-top: 1px solid #dfe3ea;
    font-size: 15px;
}

/* --- Печать --- */

/* Политику распечатывают — для проверки, для папки с документами. На бумаге
   не нужны ни тёмная шапка, ни плашка cookie, ни ссылка «вернуться». */
@media print {
    .legal-header,
    .legal-back,
    .cookie-notice {
        display: none;
    }

    .legal-body {
        color: #000000;
        font-size: 11pt;
    }

    .legal-main {
        padding: 0;
    }

    .legal-doc {
        max-width: none;
    }

    .legal-doc a {
        color: inherit;
        text-decoration: none;
    }
}