/* Страницы документов: та же палитра, что у лендинга, спокойная типографика для чтения */
:root {
  --ground: #f3f4f0;
  --ink: #111813;
  --ink-2: #4a544d;
  --field: #123d2f;
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--ground); color: var(--ink);
  font: 400 16px/1.65 "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
}
.doc { max-width: 760px; margin: 0 auto; padding: 24px 16px 80px; }
.back { margin: 0 0 28px; }
.back a { color: var(--field); font-weight: 700; text-decoration: none; display: inline-block; padding: 10px 0; }
.back a:hover { text-decoration: underline; }
h1 { font-size: clamp(26px, 5vw, 36px); line-height: 1.15; margin: 0 0 28px; }
h2 { font-size: 19px; line-height: 1.35; margin: 32px 0 12px; }
p { margin: 0 0 12px; overflow-wrap: anywhere; }
p.num { padding-left: 0; }
p.num .n { font-weight: 700; margin-right: 4px; }
p.li { padding-left: 22px; position: relative; }
p.li::before { content: ""; position: absolute; left: 6px; top: .72em; width: 6px; height: 6px; background: var(--field); border-radius: 50%; }
p.l1 { margin-left: 16px; }
p.l2 { margin-left: 32px; }
a { color: var(--field); }
:focus-visible { outline: 3px solid #8fe3a9; outline-offset: 2px; }