/* Шаблон страниц платформы lead-os.ru. Устройство и правила — 06-operations/647.
   Один файл на все восемь страниц: копия стилей в каждой странице расходилась молча.
   Имена величин — те, которых ждут проверки готовности (609): размеры шрифта --size-*,
   отступы --space-section, --space, --gap-cards, --space-band. */

:root{
  /* цвета */
  --ink:#1c1e21;      /* основной текст: 16,7 к 1 на белом */
  --q:#6b7075;        /* пояснения: 4,66 на сером фоне, 5,0 на белом — норма 4,5 */
  --line:#e4e6e9;
  --bg:#f6f7f9;
  --card:#fff;
  --acc:#2f6fd0;      /* ссылки: 4,55 на сером фоне */

  /* размеры шрифта */
  --size-h1:28px;
  --size-h2:21px;
  --size-h3:17px;
  --size-text:16px;
  --size-note:14px;
  --size-small:13px;

  /* отступы */
  --space:16px;           /* заголовок от содержимого */
  --space-section:28px;   /* между смысловыми частями */
  --gap-cards:12px;       /* между строками перечня */
  --space-band:20px;      /* боковое поле полосы */

  /* Мера строки: в знаках, а не в точках — не зависит от размера шрифта.
     88ch дают 98 знаков — шире нормы 501 (50—75), и это ИСКЛЮЧЕНИЕ по слову владельца
     09.09.2026: «на страницах лид ос слишком узким получился текстовый блок. для подобных
     сайтов, где только один блок текста нужно сделать исключение и сделать его шире».
     Норма 50—75 писалась под продающие сайты, где текст идёт рядом с картинками и кнопками;
     здесь на странице только сплошной текст документа, и узкая колонка делает его длиннее
     без выигрыша в чтении. Поддомены (lk, crm, pokaz) этим файлом не затронуты. */
  --mera:88ch;
}

*{box-sizing:border-box}

body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font:var(--size-text)/1.6 -apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}

.wrap{max-width:calc(var(--mera) + 2 * var(--space-band));margin:0 auto;padding:0 var(--space-band)}

.top{
  background:var(--card);
  border-bottom:1px solid var(--line);
  padding:var(--space) 0;
  margin-bottom:var(--space-section);
}
.top b{letter-spacing:.02em}
.top a{color:inherit;text-decoration:none}
.top span{margin-left:8px;font-size:var(--size-small);color:var(--q)}

.page{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:8px;
  padding:var(--space-section) var(--space-band);
}

h1{font-size:var(--size-h1);margin:0 0 var(--space);line-height:1.25}
h2{font-size:var(--size-h2);margin:var(--space-section) 0 var(--space);line-height:1.3}
h3{font-size:var(--size-h3);margin:var(--space) 0 8px;line-height:1.35}

p{margin:0 0 var(--space)}
ul,ol{margin:0 0 var(--space);padding-left:var(--space-band)}
li{margin:0 0 var(--gap-cards)}
a{color:var(--acc);overflow-wrap:anywhere}
b,strong{font-weight:600}
code{font-family:ui-monospace,'Cascadia Mono',Consolas,monospace;font-size:var(--size-note)}
hr{border:0;border-top:1px solid var(--line);margin:var(--space-section) 0}

/* Таблицы. Обёртка с прокруткой — иначе широкая таблица тянет вбок всю страницу:
   так оферта выходила за край телефона на 54 точки при экране 360. */
.tabl{overflow-x:auto;margin:0 0 var(--space)}
table{border-collapse:collapse;width:100%;font-size:var(--size-note)}
th,td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
th{background:var(--bg);font-weight:600}

.note{
  margin-top:var(--space-section);
  padding:var(--space) var(--space-band);
  background:var(--bg);
  border:1px solid var(--line);
  border-radius:6px;
  font-size:var(--size-note);
  color:var(--q);
}

.foot{
  /* Подвал лежит в такой же полосе .wrap, что и содержимое, и получает такой же
     боковой отступ, как карточка .page — тогда его текст стоит ровно под текстом
     страницы. Своей меры в `ch` у подвала быть не должно: `ch` считается от его
     собственного шрифта (13px против 16px), и полоса выходила уже на 106 точек —
     замер 09.09.2026: текст 741, подвал 636. */
  padding:0 var(--space-band);
  margin:var(--space-section) 0 calc(2 * var(--space-section));
  font-size:var(--size-small);
  line-height:1.6;
  color:var(--q);
}

/* Страницы сплошного текста — оферта, политика, соглашение, инструкция.
   Слово владельца 09.09.2026: «для текстовых блоков типа политика сделай размер
   шрифта 14». Правовой документ читают выборочно, ища нужный пункт, и мелкий
   набор на такой странице привычен. Главная, тарифы и контакты остаются на
   основном размере: там текст не сплошной. */
body.tekstovaya .page   { font-size: var(--size-note); font-weight: 300; }
/* Заголовки страниц сплошного текста — мельче и легче: слово владельца
   09.09.2026 «заголовки и подзаголовки уменьши размер и вес». В документе
   заголовок указывает раздел, а не окликает. */
body.tekstovaya h1      { font-size: var(--size-h2); font-weight: 400; }
body.tekstovaya h2      { font-size: var(--size-h3); font-weight: 500; }
body.tekstovaya h3      { font-size: var(--size-note); font-weight: 500; }