/* Правовые страницы (/page/offer, /privacy, /consent, …).

   Подключается ПОСЛЕ styles.css и redesign.css и отвечает только за сам
   документ: шапку и подвал страницы даёт общая вёрстка сайта (.z-nav / .z-foot),
   палитра и шрифты берутся оттуда же (токены объявлены на body.zx).

   Оформление документа намеренно сдержанное: ни карточек, ни плашек, ни
   акцентных элементов — текст с иерархической нумерацией, как в печатном
   документе. */

/* Шапка залипающая, а фон ей на лендинге включает app.js (класс .scrolled) при
   прокрутке. На страницах документов скриптов нет, поэтому фон нужен сразу —
   иначе текст просвечивает сквозь меню. */
body.zx .z-nav{
  background:rgba(9,14,30,.82);
  backdrop-filter:saturate(140%) blur(10px);
  box-shadow:0 1px 0 var(--z-line);
}

.lgl-wrap{
  --z-link:#a9c8ee;
  max-width:860px;margin:0 auto;
  padding:clamp(24px,4vw,44px) clamp(16px,4vw,28px) 56px;
  font:400 16px/1.62 var(--z-sans);
  color:var(--z-text);
}

.lgl-crumbs{font-size:13px;color:var(--z-muted);margin:0 0 20px}
.lgl-crumbs a{color:var(--z-muted);text-decoration:none}
.lgl-crumbs a:hover{text-decoration:underline}
.lgl-crumbs span[aria-hidden]{margin:0 5px;opacity:.6}

.lgl-wrap h1{
  font:600 clamp(21px,3vw,27px)/1.3 var(--z-sans);
  color:var(--z-title);margin:0 0 10px;letter-spacing:0;
}
.lgl-meta{
  font-size:13.5px;color:var(--z-muted);margin:0 0 28px;
  padding-bottom:18px;border-bottom:1px solid var(--z-line-2);
}

.lgl-body h2{
  font:600 17px/1.4 var(--z-sans);color:var(--z-title);
  margin:32px 0 12px;scroll-margin-top:90px;
}
.lgl-body h3{font:600 15.5px/1.45 var(--z-sans);color:var(--z-title);margin:22px 0 8px}
.lgl-body p{margin:0 0 10px}
.lgl-body ul,.lgl-body ol{margin:0 0 12px;padding-left:22px}
.lgl-body li{margin:5px 0}
.lgl-body strong{color:var(--z-title);font-weight:600}
.lgl-body a{color:var(--z-link);text-decoration:underline;text-underline-offset:2px}
.lgl-body a:hover{color:var(--z-title)}
.lgl-body code{font:400 14px/1 var(--z-mono);color:var(--z-title);white-space:nowrap}
.lgl-url{font-family:var(--z-mono);font-size:14px;word-break:break-all}

/* Незаполненный реквизит: заметен при вычитке, но не выглядит инородным
   элементом в тексте документа. */
.lgl-gap{color:var(--z-muted);border-bottom:1px dotted currentColor}

@media (max-width:620px){
  .lgl-wrap{font-size:15.5px}
}

/* ---------- печать ---------- */
@media print{
  body.zx{background:#fff}
  .z-nav,.z-foot,.lgl-crumbs{display:none}
  .lgl-wrap{max-width:none;padding:0;color:#000;font-size:11pt;line-height:1.45}
  .lgl-wrap h1{font-size:16pt;color:#000}
  .lgl-body h2{font-size:12pt;color:#000;page-break-after:avoid}
  .lgl-body h3,.lgl-body strong{color:#000}
  .lgl-body a{color:#000;text-decoration:none}
  .lgl-meta{color:#333;border-bottom-color:#999}
  .lgl-gap{color:#000}
}