/* Руководство пользователя (guide.html, guide-en.html): на экране — тёмное, как сайт; при печати и в PDF — светлое. */
:root {
  color-scheme: dark;
  --bg: #02050a; --pane: #04121e; --ink: #dff4ff; --dim: rgb(159 232 255 / .78); --faint: rgb(159 232 255 / .55);
  --line: rgb(53 198 255 / .24); --beam: #35c6ff; --gold: #ffb534; --gold-soft: #f6d7a0;
  --mono: "SF Mono", ui-monospace, Menlo, monospace;
  --sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 70px; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 16px/1.6 var(--sans); }
a { color: var(--beam); }
.g-top { position: sticky; top: 0; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
  padding: 12px clamp(16px, 4vw, 40px); background: rgb(2 5 10 / .85); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid var(--line); }
.g-brand { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none; font: 600 12.5px/1 var(--mono); letter-spacing: .3em; }
.g-brand img { border-radius: 22%; }
.g-top nav { display: flex; gap: 18px; flex-wrap: wrap; }
.g-top nav a { color: var(--dim); text-decoration: none; font: 500 11.5px/1 var(--mono); letter-spacing: .14em; text-transform: uppercase; }
.g-top nav a:hover { color: var(--ink); }
.g-doc { max-width: 900px; margin: 0 auto; padding: 36px clamp(16px, 4vw, 40px) 80px; }
.g-hud { font: 600 11px/1.4 var(--mono); letter-spacing: .2em; text-transform: uppercase; color: var(--faint); margin: 0; }
h1 { font: 300 clamp(34px, 6vw, 54px)/1.08 -apple-system, "SF Pro Display", system-ui, sans-serif; letter-spacing: -.02em; margin: 14px 0 12px; }
.g-lead { font-size: clamp(17px, 2vw, 19px); color: var(--dim); max-width: 60ch; }
h2 { font: 400 clamp(23px, 3vw, 28px)/1.25 -apple-system, "SF Pro Display", system-ui, sans-serif; margin: 46px 0 12px; padding-top: 12px; border-top: 1px solid var(--line); }
h3 { font: 600 12px/1.4 var(--mono); letter-spacing: .18em; text-transform: uppercase; color: var(--gold); margin: 28px 0 10px; }
p, li { color: var(--dim); }
b { color: var(--ink); font-weight: 600; }
ol, ul { padding-left: 22px; display: grid; gap: 8px; }
code { font: 600 .95em var(--mono); color: var(--gold-soft); }
.g-toc { display: flex; flex-wrap: wrap; gap: 8px; margin: 26px 0 0; }
.g-toc a { padding: 8px 12px; border: 1px solid var(--line); background: var(--pane); color: var(--ink); text-decoration: none; font-size: 14px; }
.g-toc a:hover { border-color: var(--beam); }
table { width: 100%; border-collapse: collapse; font-size: 15px; background: var(--pane); border: 1px solid var(--line); }
th, td { text-align: left; vertical-align: top; padding: 10px 12px; border-top: 1px solid var(--line); }
th { font: 600 10.5px/1.3 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--faint); border-top: 0; }
td:first-child { color: var(--gold-soft); width: 54%; }
td:last-child { color: var(--dim); }
.g-foot { margin-top: 50px; padding-top: 18px; border-top: 1px solid var(--line); font-size: 14px; }
@media (max-width: 600px) {
  table, thead, tbody, tr, th, td { display: block; }
  thead { display: none; }
  tr { border-top: 1px solid var(--line); padding: 8px 0; }
  td { border: 0; padding: 4px 12px; width: auto !important; }
}

/* печать и PDF — светлая страница, без шапки */
@media print {
  :root { color-scheme: light; --bg: #fff; --pane: #fff; --ink: #111; --dim: #333; --faint: #666; --line: #cfd8de; --gold: #9a5b00; --gold-soft: #5a3a00; --beam: #0b6aa8; }
  @page { size: A4; margin: 16mm 14mm; }
  body { font-size: 11pt; }
  .g-top, .g-toc { display: none; }
  .g-doc { padding: 0; max-width: none; }
  h2 { break-after: avoid; margin-top: 26px; }
  h3 { break-after: avoid; }
  table, tr { break-inside: avoid; }
  a { color: inherit; text-decoration: none; }
}