/* Стили страниц раздела /widget/track/ из tools/site, без шапки и подвала. Собирает perenos-lendinga.py --cms. */
:root{
  --bg:#eef1f4; --paper:#ffffff; --ink:#14233a; --muted:#56657a; --line:#c9d1dc; --accent:#0f5bd8; --tape:#e2a400; --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;--soft:#1a2a40;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#0d141f;--paper:#152030;--ink:#e7edf5;--muted:#9aa8bb;--line:#2a3a50;--accent:#5b9bff;--soft:#1a2a40;color-scheme:dark}
.cms-page h1,.cms-page h2{font-family:var(--f-display);line-height:1.15;margin:0}
.cms-page h1{font-size:clamp(1.6rem,4vw,2.4rem)}
.cms-page h2{font-size:clamp(1.1rem,2.4vw,1.4rem)}
.cms-page nav a{color:var(--muted);margin-left:16px;text-decoration:none}.cms-page nav a:hover{color:var(--accent)}
.cms-page .hero{padding-block:8px 28px;display:grid;gap:12px}.cms-page .hero p{color:var(--muted);max-width:68ch;margin:0}
.cms-page .badge{display:inline-block;font:600 .72rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;background:var(--tape);color:#14233a;padding:6px 8px;border-radius:3px;justify-self:start}
.cms-page section.blk{padding-block:28px;border-top:1px solid var(--line);display:grid;gap:16px}
.cms-page .demo{display:grid;grid-template-columns:1fr 280px;gap:20px;align-items:start}
@media (max-width:820px){.cms-page .demo{grid-template-columns:1fr}}
.cms-page .side{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:18px;display:grid;gap:10px;font-size:.92rem}
.cms-page .side p{margin:0;color:var(--muted)}
.cms-page .side .langs{display:flex;gap:8px}
.cms-page .side button{font:600 .9rem var(--f-body);background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:6px 12px;cursor:pointer}
.cms-page .side button[aria-pressed=true]{background:var(--accent);color:#fff}
.cms-page pre{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:14px;overflow:auto;font:.85rem/1.5 var(--f-mono);margin:0}
.cms-page ul.facts{margin:0;padding-left:20px;color:var(--muted)}.cms-page ul.facts li{margin-bottom:6px}
.cms-page code{font-family:var(--f-mono);font-size:.9em}