/* Страницы-документы (политика, согласие): узкая колонка для чтения, шрифты и цвета сайта. */
.doc { background: var(--c-bg-linen); color: var(--c-text); }
.doc__in { padding-block: 48px 64px; }
/* колонка 760 — по центру контейнера сайта (правка 11.10) */
.doc__body { max-width: 760px; margin-inline: auto; font: 400 16px/26px var(--f-sans); }
.doc__title { margin: 16px 0 24px; font: 400 32px/38px var(--f-serif); }
/* «Крошки» на светлом фоне: та же разметка и кегль, что на фото (ceny.css), цвета — основной и вторичный текст (контраст на льне ≥ 4,5) */
.doc__body .crumbs__list { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; padding: 0; list-style: none; } /* перебивает правила списков текста ниже */
.doc__body .crumbs__item { margin: 0; }
.crumbs__item { display: flex; align-items: center; gap: 8px; font: 400 14px/20px var(--f-sans); color: var(--c-text); }
/* .doc__body a (шалфей, ниже) специфичнее одного класса и красил «Главную» не в тот цвет — берём ту же специфичность */
.doc__body .crumbs__link { color: var(--c-text-2); text-decoration: none; }
.doc__body .crumbs__link:hover { text-decoration: underline; text-underline-offset: 3px; }
.crumbs__sep { width: 14px; height: 14px; color: var(--c-text-2); }
/* текущий пункт: стрелка стоит в конце «Главная ›», длинное название переносится внутри себя */
.doc__body .crumbs__item--now { align-items: flex-start; min-width: 0; }
.doc__body h2 { margin: 32px 0 12px; font: 600 19px/26px var(--f-sans); }
.doc__body p, .doc__body ul, .doc__body ol { margin: 0 0 12px; }
/* сброс списков в base.css убирает маркеры — в тексте документа они нужны */
.doc__body ul, .doc__body ol { padding-left: 22px; }
.doc__body ul { list-style: disc; }
.doc__body ol { list-style: decimal; }
.doc__body li::marker { color: var(--c-sage); }
.doc__body li { margin-bottom: 6px; }
.doc__body a { color: var(--c-sage); }
/* длинный адрес без пробелов (yandex.ru/support/metrica/general/cookie-usage.html на /cookie/) переносится по «/» (<wbr> от cb_typo_wrap), а не раздвигает страницу на 320 (21.10); break-word — только страховка, если сегмент между «/» длиннее строки */
.doc__body p, .doc__body li { overflow-wrap: break-word; }

/* «Декор · ель» (ТЗ-гравюры-внутренние, п. 11), .45: справа от колонки чтения (760 по центру), верх на уровне H1 (поле 64 + крошки 20 + отступ H1 16).
   Пустая зона справа = (контейнер − 760) / 2: 300 — с 1440, ниже ель не встаёт и скрыта (в разметке на этих ширинах заглушка, файл не грузится);
   1440–1869 ширина 240, с 1870 — 300 */
.doc__in { position: relative; isolation: isolate; }
.doc__el { display: none; position: absolute; z-index: -1; right: 0; top: calc(64px + 20px + 16px); opacity: .45; pointer-events: none; }
.doc__el img { width: 100%; height: auto; }
@media (min-width: 1440px) { .doc__el { display: block; width: 240px; } }
@media (min-width: 1870px) { .doc__el { width: 300px; } }

@media (min-width: 768px) {
  .doc__in { padding-block: 64px 96px; }
  .doc__title { font-size: 44px; line-height: 52px; }
}

/* шапка вне первого экрана: стекло над льном выглядит грязным — сплошная хвоя */
.site-header { background: var(--c-bg-spruce); }