/* Стили страниц раздела /modules/ из tools/site, без шапки и подвала. Собирает perenos-lendinga.py --cms. */
:root{
  --bg:#eef1f4; --paper:#ffffff; --ink:#14233a; --muted:#56657a; --line:#c9d1dc;
  --accent:#0f5bd8; --tape:#e2a400; --accent-ink:#ffffff; --soft:#e3eaf5;
  --f-display:"Unbounded","Arial Black",system-ui,sans-serif;
  --f-body:"Onest","Segoe UI",system-ui,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0d141f; --paper:#152030; --ink:#e7edf5; --muted:#9aa8bb; --line:#2a3a50;
  --accent:#5b9bff; --tape:#f2b824; --accent-ink:#0b1320; --soft:#1a2a40; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0d141f; --paper:#152030; --ink:#e7edf5; --muted:#9aa8bb; --line:#2a3a50;
  --accent:#5b9bff; --tape:#f2b824; --accent-ink:#0b1320; --soft:#1a2a40; color-scheme:dark}
.cms-page h1,.cms-page h2,.cms-page h3{font-family:var(--f-display);line-height:1.2;text-wrap:balance;margin:0}
.cms-page h1{font-size:clamp(1.5rem,4vw,2.3rem);font-weight:700}
.cms-page h2{font-size:clamp(1.1rem,2.4vw,1.4rem);padding-top:28px;margin-top:12px;border-top:1px solid var(--line)}
.cms-page h3{font-size:1rem}
.cms-page p,.cms-page ul,.cms-page ol{margin:0}
.cms-page .cms-doc{display:grid;gap:14px;padding-bottom:40px}
.cms-page .cms-doc ul,.cms-page .cms-doc ol{padding-left:1.4em;display:grid;gap:6px}
.cms-page .cms-doc li ul,.cms-page .cms-doc li ol{margin-top:6px}
.cms-page .label{font:600 .72rem/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.cms-page :focus-visible{outline:3px solid var(--tape);outline-offset:2px}

.cms-page .hero{padding-block:8px 20px;display:grid;gap:12px}
.cms-page .rel{font-size:.9rem;color:var(--muted)}
.cms-page a{color:var(--accent)}
.cms-page code{font-family:var(--f-mono);font-size:.88em;background:var(--soft);padding:1px 5px;border-radius:3px}
.cms-page .tw{overflow-x:auto;border:1px solid var(--line);border-radius:6px}
.cms-page table.t{border-collapse:collapse;width:100%;font-size:.9rem;background:var(--paper)}
.cms-page table.t th,.cms-page table.t td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.cms-page table.t th{font:600 .72rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.cms-page table.t tr:last-child td{border-bottom:0}
.cms-page .steps3{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media (max-width:700px){.cms-page .steps3{grid-template-columns:1fr}}
.cms-page .step{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:16px;display:grid;gap:6px;align-content:start;color:var(--ink);text-decoration:none}
.cms-page a.step:hover{border-color:var(--accent)}
.cms-page .step b{font-family:var(--f-display);font-size:1rem}
.cms-page .step p{color:var(--muted);font-size:.92rem}