/* Стили контент-страниц (/p/*.html). Палитра совпадает с лендингом (портальная). */
:root{
  --bg:#0a0c10; --surface:#13161c; --surface-2:#1a1e26; --border:#262d39;
  --text:#e8ebf0; --muted:#9aa3b2; --dim:#69727f; --teal:#2ea8e0; --amber:#f59e0b; --green:#22c55e;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:radial-gradient(1100px 560px at 50% -10%, #15191f 0%, var(--bg) 60%);
  color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;padding-top:64px}
a{color:var(--teal);text-decoration:none}
a:hover{text-decoration:underline}

/* Header (.topbar/.nav-*) и кнопки (.btn*) — в общем partials.css (единый источник). */

/* ── Doc content ── */
.doc{max-width:760px;margin:0 auto;padding:2.2rem 20px 3rem}
.crumb{font-size:.8rem;color:var(--dim);margin-bottom:1rem}
.crumb a{color:var(--muted)}
.doc h1{font-size:2rem;font-weight:800;margin:0 0 .8rem;line-height:1.2}
.doc-intro{font-size:1.08rem;color:var(--muted);margin:0 0 2rem}
.doc-sec{margin:0 0 1.8rem;scroll-margin-top:80px}
.doc-sec h2{font-size:1.25rem;font-weight:700;margin:0 0 .6rem}
.doc-sec p{color:var(--muted);margin:0 0 .7rem}
.doc-sec code{background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:1px 6px;font-size:.86em;color:var(--text)}
.doc-sec pre{background:#0d1016;border:1px solid var(--border);border-radius:8px;padding:14px;overflow-x:auto;font-size:.82rem;line-height:1.5;color:#cbd5e1;white-space:pre}
.doc-sec pre code{background:none;border:none;padding:0}
/* syntax highlight (server-rendered) */
.hl-c{color:#6b7689;font-style:italic}
.hl-s{color:#9ece6a}
.hl-k{color:#7aa2f7}
.doc-sec ul{color:var(--muted);margin:.4rem 0;padding-left:1.2rem}
.doc-sec li{margin:.3rem 0}
.doc-cta{margin-top:2.4rem;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.6rem;text-align:center}
.doc-cta h3{margin:0 0 .4rem;font-size:1.2rem}
.doc-cta p{color:var(--muted);margin:0 0 1rem}

/* Footer (.ft/.ft-*) — в общем partials.css (единый источник). */
/* contact form */
.ct-form{display:flex;flex-direction:column;gap:7px;max-width:560px}
.ct-form label{font-size:.8rem;font-weight:600;color:var(--muted);margin-top:6px}
.ct-form input,.ct-form textarea{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 12px;font-family:inherit;font-size:.9rem;outline:none}
.ct-form input:focus,.ct-form textarea:focus{border-color:var(--amber)}
.ct-form button{align-self:flex-start;margin-top:6px}
.ct-ok{color:#34d399;font-size:.88rem}
.ct-err{color:#f87171;font-size:.88rem}