/* Страница «Политика в отношении обработки персональных данных» (/privacy).
 *
 * CSS — дословно стиль блока эталонной страницы (T123 «HTML-код», тот же
 * артефакт, что лежит в vault: 1. ПРОЕКТЫ/Бухгалтерия360 -- Соответствие 152-ФЗ/
 * 06 HTML-блок политики -- для Тильды.html). Классы оставлены как у эталона
 * (`.bp-policy`) нарочно: тогда разметка и стиль обеих страниц совпадают
 * посимвольно и гейт сверяет одно и то же, а не «похожее».
 *
 * Два отличия от блока. Первое: у эталона рядом со стилем стоит <link> на
 * Google Fonts — у нас шрифты самохостятся (assets/css/fonts.css, Geologica +
 * Unbounded), поэтому ссылки нет. Второе — дописка `list-style: disc` у `ul`
 * (см. комментарий ниже): она нужна из-за сброса темы, а не из-за эталона.
 *
 * Медиа-правила (max-width 640) — из того же артефакта: это не мобильная
 * вёрстка Тильды, а стиль нашего документа, снятый 11.09.2026.
 */
.bp-policy{font-family:'Geologica',Arial,sans-serif;color:#393939;font-size:16px;line-height:1.55;max-width:860px;margin:0 auto;padding:0 20px;box-sizing:border-box;-webkit-font-smoothing:antialiased}
.bp-policy *{box-sizing:border-box}
/* Низ документа. У эталона последний абзац отдаёт свой нижний отступ (12px) внутрь
   записи Тильды: её контейнер поля детей не схлопывает, и подвал начинается ниже.
   У нас `.bp-policy` — обычный блок, поле абзаца схлопнулось бы наружу и слилось
   с `margin-top` подвала, укоротив страницу на 12px (8442 против 8454 при
   совпадающих шапке, документе и подвале). `flow-root` останавливает схлопывание
   на границе статьи, не меняя высоту самого `.bp-policy` (она сверяется с эталоном). */
.policy{display:flow-root}
.bp-policy h1{font-family:'Unbounded','Geologica',Arial,sans-serif;font-weight:500;font-size:30px;line-height:1.25;color:#393939;margin:0 0 28px}
.bp-policy h2{font-family:'Geologica',Arial,sans-serif;font-weight:600;font-size:22px;line-height:1.3;color:#393939;margin:38px 0 14px;padding-bottom:10px;border-bottom:1px solid #ececec}
.bp-policy h2.bp-h-soft{margin-top:46px}
.bp-policy p{margin:0 0 12px}
/* `list-style` — наша дописка, в эталонном блоке его нет (работал браузерный `disc`).
   Тема в `main.css` обнуляет `ul, ol { list-style: none }`; по специфичности `.bp-policy`
   сброс перебивает, но маркеры стоят вне бокса и в сверку по боксам не попадают — девять
   списков документа остались бы без точек при зелёном гейте. Проверено на эталоне 14.09
   (`privacy/lists-ref.cjs`): `ul` → disc, `ol` (он один, оглавление) → none. */
.bp-policy ul{margin:0 0 14px;padding-left:22px;list-style:disc}
.bp-policy li{margin:0 0 7px}
.bp-policy a{color:#a50c12;text-decoration:underline;text-underline-offset:2px}
.bp-policy a:hover{color:#9f0208}
.bp-policy strong{font-weight:600}
.bp-policy code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;background:#f4f4f4;border-radius:4px;padding:1px 5px}
.bp-policy .bp-table-wrap{overflow-x:auto;margin:0 0 18px;-webkit-overflow-scrolling:touch}
.bp-policy table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.bp-policy th{background:#f9f9f9;font-weight:600;text-align:left}
.bp-policy th,.bp-policy td{padding:10px 12px;border-bottom:1px solid #ececec;vertical-align:top}
.bp-policy .bp-toc{background:#f9f9f9;border-radius:12px;padding:22px 26px;margin:0 0 34px}
.bp-policy .bp-toc-title{font-weight:600;font-size:17px;margin-bottom:12px}
.bp-policy .bp-toc ol{margin:0;padding-left:0;list-style:none;columns:2;column-gap:34px}
.bp-policy .bp-toc li{margin:0 0 6px;font-size:15px;break-inside:avoid}
.bp-policy .bp-toc a{text-decoration:none}
.bp-policy .bp-toc a:hover{text-decoration:underline}
@media (max-width:640px){
 .bp-policy{font-size:15px;padding:0 16px}
 .bp-policy h1{font-size:22px;margin-bottom:22px}
 .bp-policy h2{font-size:18px;margin:30px 0 12px}
 .bp-policy table{font-size:13px;min-width:460px}
 .bp-policy .bp-toc{padding:18px}
 .bp-policy .bp-toc ol{columns:1}
}