/* Фирменные цвета: ЕДИНСТВЕННЫЙ источник для всех страниц, кроме главной (у главной копия в её :root,
   qa/syntax.py сверяет, что значения совпадают). Цифрами цвета в стилях не писать (аудит 24.09). */
:root{--gold:#d9a441;--gold-rgb:217,164,65;--gold-text:#e8ba5c;--gold-fill:#e3ae47;--gold-fill-rgb:227,174,71;--gold-fill-hover:#eebd5b;--teal:#5cc2b0}
/* Сглаживание текста как на главной: там html.ty-apple задаёт antialiased, а на остальных
   страницах его не было, и на macOS та же подпись в шапке выглядела жирнее (юзер 14.09). */
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/* текст на сайте не выделяется; поля ввода и ключи лицензий остаются копируемыми */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
input,textarea,code,pre,.key,.lickey,[contenteditable]{-webkit-user-select:text;user-select:text}
/* Shared site header for every page except the main one: an exact copy of the
   main page header, value by value (padding, fonts, sizes, breakpoints). The
   main page keeps its own copy because its header floats over the canvas. */
:root{--nav-u:clamp(15px,min(1.2vw,2vh),20px)}
[id]{scroll-margin-top:96px}
#nav{position:sticky;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;
  padding:20px 32px;line-height:1.6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:rgba(8,8,13,.55);
  border-bottom:1px solid rgba(255,255,255,.06)}
#nav .brand{display:flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.12em;
  text-transform:uppercase;color:#f5f5f7;text-decoration:none;opacity:1}
#nav .brand img{width:26px;height:auto;display:block}
#nav .brand b{font-family:'Unbounded',sans-serif;font-weight:700;letter-spacing:.04em;color:#f1f1f6}
#nav .brand span{font-weight:500;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.12em;color:#fff;text-transform:uppercase;display:block}   /* подпись того же цвета, что и сам знак: он белый */
#nav .nav-links{display:flex;gap:28px;align-items:center;flex-wrap:nowrap;white-space:nowrap}
#nav .nav-links a{color:#f5f5f7;text-decoration:none;font-size:14px;font-family:'Roboto',Arial,'Helvetica Neue',Helvetica,sans-serif;
  letter-spacing:0;text-transform:none;opacity:1;background:none;border:none;cursor:pointer;transition:color .2s}
#nav .nav-links a:hover{color:#fff}
#nav .nav-links .btn-gold{display:inline-block;background:var(--gold-fill);border:1px solid var(--gold-fill);color:#0c0c12;
  font-family:'Roboto',Arial,'Helvetica Neue',Helvetica,sans-serif;font-weight:700;font-size:calc(var(--nav-u)*.85);letter-spacing:-.01em;
  text-transform:none;line-height:1.6;padding:12px 18px 10px;border-radius:8px;min-height:0;transition:background .12s,color .12s,border-color .12s,box-shadow .15s}
#nav .nav-links .btn-gold:hover{background:var(--gold-fill-hover);border-color:var(--gold-fill-hover);color:#0c0c12;box-shadow:0 0 18px rgba(var(--gold-fill-rgb),.3)}   /* залита сразу, при наведении светлее (юзер 14.09) */
@media(max-width:1180px){#nav .nav-links{gap:18px}#nav .nav-links a{font-size:13px}}
@media(max-width:1040px){#nav .brand span{display:none}}
@media(max-width:720px){#nav{padding:12px 14px}#nav .brand span{display:none}#nav .nav-links{gap:14px}#nav .nav-links a{font-size:13px}
  #nav .nav-links .btn-gold{padding:12px 14px 10px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}}
/* кнопка в шапке тем же шрифтом, что все кнопки сайта */
#nav .nav-links .btn-gold{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;text-indent:.12em}
#nav .nav-links .btn-gold:hover{background:var(--gold-fill-hover);border-color:var(--gold-fill-hover);color:#0c0c12;box-shadow:0 0 18px rgba(var(--gold-fill-rgb),.3)}   /* залита сразу, при наведении светлее (юзер 14.09) */
/* одна высота шапки на всех страницах, с кнопкой и без */
#nav{min-height:84px;box-sizing:border-box}
@media(max-width:720px){#nav{min-height:69px}}
/* Масштабирование страницы больше НЕ блокируется: прежнее правило touch-action
   гасило щипок и лишало людей возможности увеличить мелкий текст (13.09). */
/* Never break words inside the header, headings or footer. */
#nav,#nav *,h1,h2,h3{hyphens:manual;-webkit-hyphens:manual;overflow-wrap:normal;word-break:normal}

/* iOS увеличивает страницу при фокусе на поле меньше 16px, а масштаб тут заблокирован. */
@media(max-width:900px){
  input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px}
}

/* Палец попадает по ссылке шапки: область нажатия 45px, высота шапки не меняется. */
#nav .nav-links a:not(.btn-gold){padding-top:12px;padding-bottom:12px;margin-top:-12px;margin-bottom:-12px}

/* место под полосу прокрутки держим всегда: без этого короткие страницы уезжают вбок */
html{scrollbar-gutter:stable}
@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}
/* Подвал живёт в assets/site-foot.css, здесь его нет намеренно. */
/* курсор «рука» на всём, что кликается, и сплошная область наведения у текстовых ссылок: у inline-ссылки хит-бокс рвётся по строкам и глифам, и рука мигает (юзер 10.09) */
a[href],button,[role=button],summary,label[for],.fold-t,.disc,.tab,.link,.mini,[data-act],[data-buy],[data-fold],[data-disc],[data-reveal],[data-copy]{cursor:pointer}
a[href]:not(.btn):not(.brand):not(.card):not(.pop-mark){display:inline-block;padding:4px 0;margin-top:-4px;margin-bottom:-4px}   /* только вертикаль: боковые поля ссылок не обнуляем (24.09) */
p a[href],li a[href],.hint a[href],.lic-note a[href],.msg a[href]{display:inline;padding:0;margin:0}
#nav .nav-links a[href]:not(.btn){padding:12px 0;margin:-12px 0}
button:disabled,[aria-disabled=true]{cursor:default}

/* Ничего не выделяется и не перетаскивается мышью: знак в шапке выглядел выделенным
   синим, когда по нему щёлкали с Shift. Копировать можно только то, что для этого и есть
   (поля ввода, ключи, код) — список выше. */
img,svg{-webkit-user-drag:none;user-drag:none}
.brand img{pointer-events:none}
/* Рамка фокуса только для клавиатуры, у мыши её нет. */
:focus{outline:none}
:focus-visible{outline:2px solid rgba(245,245,247,.6);outline-offset:3px;border-radius:6px}
::selection{background:rgba(124,92,255,.35);color:inherit}
/* узкие телефоны (аудит 24.09): на 320 кнопка шапки уезжала за край, логотип касался ссылок.
   Ужимаем только промежутки и поля; шрифт и трекинг кнопки как у всех кнопок сайта */
@media(max-width:380px){#nav{padding-left:10px;padding-right:10px}#nav .nav-links{gap:9px}#nav .nav-links a{font-size:12.5px}
  #nav .nav-links .btn-gold{padding-left:10px;padding-right:10px}}
@media(max-width:340px){#nav .nav-links{gap:7px}#nav .nav-links a{font-size:12px}#nav .nav-links .btn-gold{padding-left:8px;padding-right:8px}}