/*
 * Документы внутри приложения (js/n1-docs.js): публичный договор,
 * пользовательское соглашение, политика конфиденциальности. Белые листы на
 * тёмном фоне, как в просмотрщике PDF. Щипок обрабатывает скрипт, поэтому
 * у окна прокрутки touch-action без масштаба браузера.
 */
body.n1 #doc-screen { overflow: hidden; }
body.n1 #doc-screen .n1doc-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

body.n1 #doc-screen .n1doc-scroll {
  position: relative;
  flex: 1;
  min-height: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  touch-action: pan-x pan-y;
  padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  box-sizing: border-box;
}
body.n1 .n1doc-zoom { width: 100%; }

/* листы PDF: поля в процентах ширины, поэтому при приближении растут вместе с листом */
body.n1 .n1doc-page {
  margin: 3% 3% 0;
  aspect-ratio: 1800 / 2546;
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 2px 12px rgba(0, 0, 0, .35);
}
body.n1 .n1doc-page:last-child { margin-bottom: 3%; }
body.n1 .n1doc-page img {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-drag: none;
  user-select: none;
}

/* политика: текст на белом листе, два пальца меняют --fs */
body.n1 .n1doc-sheet {
  margin: 12px;
  padding: 24px 20px 28px;
  border-radius: 4px;
  background: #fff;
  color: #12181f;
  font: 400 calc(15px * var(--fs, 1))/1.6 var(--n1-font);
  letter-spacing: 0;
  box-shadow: 0 2px 12px rgba(0, 0, 0, .35);
  overflow-wrap: anywhere;
}
body.n1 .n1doc-sheet.is-wait { color: #5b6b7b; }
/* общие стили N1 красят заголовки и жирный текст в белый — на листе они тёмные */
body.n1 .n1doc-sheet :is(h1, h2, h3, h4, p, li, b, strong, span, div) { color: #12181f; }
body.n1 .n1doc-sheet h1 { margin: 0 0 .3em; font-size: 1.5em; line-height: 1.25; text-wrap: balance; }
body.n1 .n1doc-sheet h2 { margin: 1.4em 0 .5em; font-size: 1.15em; line-height: 1.3; }
body.n1 .n1doc-sheet p,
body.n1 .n1doc-sheet li { margin: .5em 0; }
body.n1 .n1doc-sheet ul,
body.n1 .n1doc-sheet ol { padding-left: 1.3em; }
body.n1 .n1doc-sheet a { color: #0f766e; }
body.n1 .n1doc-sheet .upd { color: #5b6b7b; font-size: .9em; }
body.n1 .n1doc-sheet .box { margin: 1em 0; padding: .8em 1em; border: 1px solid #e3e8ee; border-radius: 8px; background: rgba(15, 118, 110, .07); }
body.n1 .n1doc-retry { margin-top: 12px; color: #0f766e; font: 600 1em/1.4 var(--n1-font); }

/* «3 из 18»: виден, пока листаешь */
body.n1 .n1doc-count {
  position: absolute;
  left: 50%;
  bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  transform: translateX(-50%);
  padding: 6px 12px;
  border-radius: 14px;
  background: rgba(0, 0, 0, .62);
  color: #fff;
  font: 600 13px/16px var(--n1-font);
  font-variant-numeric: tabular-nums;
  opacity: 0;
  transition: opacity .2s ease-out;
  pointer-events: none;
}
body.n1 .n1doc-count.is-on { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  body.n1 .n1doc-count { transition: none; }
}