/* NLauncher — the site's top menu, identical on every page: Лаунчер · Сборки · Серверы · Хостинг · Внешность ▾.
 * Markup (static in each page, rebuilt by /assets/nav-look.v8.js when a page renders its own):
 *   <div class="nlx-bar [nlx-dark]"> <a class="nlx-a" href="/" aria-current="page">Лаунчер</a> … <div class="nlx-dd"><button class="nlx-a nlx-tr">Внешность<svg/></button></div> </div>
 * Page stylesheets style their old containers (.tabs, .links, .nl-nav, .nav-menu, header nav …) differently; everything
 * here is scoped under `html body` with !important so no page rule leaks in. Tone: light by default; `.nlx-dark`
 * (set by the script from the real header colour, or statically on dark-only pages) or html[data-theme="dark"].
 * Versioned filename: the front proxy caches /assets/* and ignores ?v= — never edit in place, copy to nav.v6.css.
 * v5 (2026-09-30): on phones the «Switch to English?» hint sits above the support chat button.
 * v4 (2026-09-30): переключатель языка .nlx-lang (RU/EN) в меню и в меню телефона, подсказка .nlx-hint «Switch to English?»,
 *     бренд-ссылка /en/ на английских страницах сжимается на телефоне так же, как /.
 * v3: без @import Google Fonts — шрифты Onest/JetBrains Mono свои (/assets/fonts/fonts.v1.css), страницы подключают их сами.
 * v2: the phone burger always sits at the right edge of its header row (margin-left:auto). */

.nlx-bar,.nlx-pn,.nlx-mp,.nlx-burger{
  --nx-bg:rgba(11,11,15,.055); --nx-tx:#4A4F5A; --nx-tx-h:#0B0B0F; --nx-hv:rgba(255,255,255,.78);
  --nx-on-bg:#FFFFFF; --nx-on-tx:#0B0B0F; --nx-on-sh:0 1px 2px rgba(11,18,32,.07),0 6px 16px -12px rgba(11,11,15,.6);
  --nx-p:#FFFFFF; --nx-i:#0B0B0F; --nx-m:#6B7280; --nx-b:rgba(11,11,15,.09); --nx-h:#F3F5F9; --nx-a:#2E6CF6; --nx-as:rgba(46,108,246,.10);
  --nx-bd:rgba(11,11,15,.14); --nx-sh:0 30px 70px -24px rgba(11,18,32,.35),0 2px 6px rgba(11,18,32,.06);
}
html[data-theme="dark"] .nlx-bar:not(.nlx-light),html[data-theme="dark"] .nlx-pn:not(.nlx-light),html[data-theme="dark"] .nlx-mp:not(.nlx-light),html[data-theme="dark"] .nlx-burger:not(.nlx-light),
.nlx-bar.nlx-dark,.nlx-pn.nlx-dark,.nlx-mp.nlx-dark,.nlx-burger.nlx-dark{
  --nx-bg:rgba(255,255,255,.07); --nx-tx:#AEB4C0; --nx-tx-h:#FFFFFF; --nx-hv:rgba(255,255,255,.08);
  --nx-on-bg:#F3F6FC; --nx-on-tx:#0B0B0F; --nx-on-sh:0 1px 2px rgba(0,0,0,.45);
  --nx-p:#14151C; --nx-i:#F3F6FC; --nx-m:#8A909C; --nx-b:rgba(255,255,255,.09); --nx-h:#1E2029; --nx-a:#6F9BFF; --nx-as:rgba(76,130,255,.16);
  --nx-bd:rgba(255,255,255,.18); --nx-sh:0 30px 70px -24px rgba(0,0,0,.85);
}

/* ---- the pill ---- */
html body .nlx-bar{display:flex!important;align-items:center!important;flex:none!important;flex-wrap:nowrap!important;gap:2px!important;
  width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:4px!important;
  border:0!important;border-radius:14px!important;background:var(--nx-bg)!important;box-shadow:none!important;backdrop-filter:none!important;
  position:static!important;inset:auto!important;transform:none!important;opacity:1!important;visibility:visible!important;overflow:visible!important;order:0!important;
  font:600 14.5px/1.2 Onest,-apple-system,system-ui,'Segoe UI',sans-serif!important;letter-spacing:0!important;text-transform:none!important}
html body .nlx-bar .nlx-dd{position:relative!important;display:inline-flex!important;flex:none!important;margin:0!important;padding:0!important}
html body .nlx-bar .nlx-a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;flex:none!important;
  height:36px!important;min-width:0!important;margin:0!important;padding:0 14px!important;border:0!important;border-radius:10px!important;
  background:transparent!important;box-shadow:none!important;color:var(--nx-tx)!important;font:inherit!important;letter-spacing:0!important;text-transform:none!important;
  text-decoration:none!important;white-space:nowrap!important;cursor:pointer!important;opacity:1!important;
  transition:background-color .15s ease,color .15s ease,box-shadow .15s ease!important}
html body .nlx-bar .nlx-a::before,html body .nlx-bar .nlx-a::after{content:none!important;display:none!important}
html body .nlx-bar .nlx-a:hover,html body .nlx-bar .nlx-dd.open>.nlx-a{color:var(--nx-tx-h)!important;background:var(--nx-hv)!important}
html body .nlx-bar .nlx-a[aria-current="page"],html body .nlx-bar .nlx-a[aria-current="page"]:hover,html body .nlx-bar .nlx-dd.open>.nlx-a[aria-current="page"]{color:var(--nx-on-tx)!important;background:var(--nx-on-bg)!important;box-shadow:var(--nx-on-sh)!important}
html body .nlx-bar .nlx-a:focus-visible{outline:2px solid var(--nx-a)!important;outline-offset:1px!important}
html body .nlx-bar .nlx-tr svg{display:block!important;width:13px!important;height:13px!important;flex:none!important;opacity:.65;transition:transform .18s ease}
html body .nlx-bar .nlx-dd.open .nlx-tr svg{transform:rotate(180deg)}
@media (max-width:1120px){html body .nlx-bar .nlx-a{padding:0 11px!important;font-size:14px!important}}
@media (max-width:960px){html body .nlx-bar .nlx-a{padding:0 9px!important;font-size:13.5px!important}}

/* ---- «Внешность» panel ---- */
.nlx-pn{position:absolute;top:calc(100% + 10px);left:50%;z-index:1000;width:560px;max-width:calc(100vw - 24px);padding:10px;border-radius:20px;
  background:var(--nx-p);color:var(--nx-i);border:1px solid var(--nx-b);box-shadow:var(--nx-sh);display:grid;grid-template-columns:1fr 1fr;gap:4px;
  opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:opacity .16s ease,transform .16s ease,visibility 0s .16s;text-align:left;
  font:500 14px/1.3 Onest,-apple-system,system-ui,sans-serif;letter-spacing:0;text-transform:none}
.nlx-pn::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nlx-dd.open .nlx-pn{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .16s ease,transform .16s ease}
.nlx-hd{grid-column:1/-1;padding:6px 12px 4px;font:700 11px/1.2 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--nx-m)}
html body .nlx-it{display:flex!important;align-items:center;gap:12px;padding:11px 12px!important;margin:0!important;border-radius:14px!important;color:var(--nx-i)!important;text-decoration:none!important;
  background:none!important;border:0!important;box-shadow:none!important;font-size:14.5px!important;font-weight:600!important;line-height:1.25;min-width:0;white-space:normal!important}
html body .nlx-it:hover,html body .nlx-it:focus-visible{background:var(--nx-h)!important;outline:none}
.nlx-it .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--nx-as);color:var(--nx-a)}
.nlx-it b{display:flex;align-items:center;gap:6px;font-size:14.5px;font-weight:800;color:var(--nx-i)}
.nlx-it small{display:block;font-size:12.5px;font-weight:500;color:var(--nx-m);margin-top:2px}
.nlx-it em{font-style:normal;font-size:10px;font-weight:800;color:#fff;background:var(--nx-a);padding:2px 6px;border-radius:6px;letter-spacing:.02em}
html body .nlx-it.cur{background:var(--nx-as)!important}
.nlx-it.cur b{color:var(--nx-a)}
.nlx-pn>.nlx-it:last-child:nth-child(even){grid-column:1/-1}

/* ---- phones: one burger + one sheet everywhere (page menus hidden) ---- */
html body .nav-burger,html body .mnav-burger{display:none!important}
html body .nlx-burger{display:none!important;width:40px!important;height:40px!important;flex:none!important;margin:0 0 0 auto!important;padding:0!important;border-radius:12px!important;
  border:1px solid var(--nx-bd)!important;background:transparent!important;color:var(--nx-tx-h)!important;place-items:center!important;cursor:pointer!important;box-shadow:none!important}
html body .nlx-burger:hover{background:var(--nx-hv)!important}
html body .nlx-burger[aria-expanded="true"]{background:var(--nx-hv)!important}
@media (max-width:860px){
  html body .nlx-bar{display:none!important}
  html body .nlx-tight>a[href="/"],html body .nlx-tight>a[href="/en/"]{font-size:0!important;gap:0!important}
  html body .nlx-tight>a[href="/"] span:not(.logo),html body .nlx-tight>a[href="/en/"] span:not(.logo){display:none!important}
  html body .nlx-burger{display:grid!important}
  .nlx-pn{position:fixed;left:12px!important;right:12px;top:var(--nlx-top,64px);width:auto;max-width:none;transform:translateY(6px);grid-template-columns:1fr}
  .nlx-dd.open .nlx-pn{transform:none}
}
.nlx-mp{position:fixed;left:12px;right:12px;top:var(--nlx-mtop,64px);z-index:2147482000;max-height:calc(100vh - var(--nlx-mtop,64px) - 12px);overflow-y:auto;overscroll-behavior:contain;
  padding:8px;border-radius:18px;background:var(--nx-p);color:var(--nx-i);border:1px solid var(--nx-b);box-shadow:var(--nx-sh);
  font:600 15.5px/1.25 Onest,-apple-system,system-ui,sans-serif;letter-spacing:0;text-transform:none;text-align:left}
.nlx-mp[hidden]{display:none!important}
html body .nlx-row{display:flex!important;align-items:center;justify-content:space-between;gap:10px;width:100%;margin:0!important;padding:13px 14px!important;border:0!important;border-radius:12px!important;
  background:none!important;color:var(--nx-i)!important;font:inherit!important;text-decoration:none!important;text-align:left;cursor:pointer;box-shadow:none!important}
html body .nlx-row:hover{background:var(--nx-h)!important}
html body .nlx-row[aria-current="page"]{background:var(--nx-as)!important;color:var(--nx-a)!important}
.nlx-row svg{flex:none;opacity:.6;transition:transform .18s ease}
.nlx-grp.open>.nlx-row svg{transform:rotate(180deg)}
.nlx-sub{display:none;margin:2px 0 6px;padding:4px;border-radius:14px;background:var(--nx-h)}
.nlx-grp.open .nlx-sub{display:grid;gap:2px}
.nlx-sub .nlx-it{padding:9px 10px!important;border-radius:12px!important}
.nlx-sub .nlx-it:hover{background:var(--nx-p)!important}
.nlx-sub .nlx-it .ic{width:34px;height:34px;border-radius:10px}
.nlx-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px;padding:10px 4px 4px;border-top:1px solid var(--nx-b)}
html body .nlx-btn{display:flex!important;align-items:center;justify-content:center;gap:8px;height:44px;margin:0!important;border-radius:12px!important;border:1px solid var(--nx-bd)!important;
  background:transparent!important;color:var(--nx-i)!important;font:700 14.5px/1 Onest,-apple-system,system-ui,sans-serif!important;text-decoration:none!important;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
html body .nlx-btn.pri{background:#2E6CF6!important;border-color:#2E6CF6!important;color:#fff!important}
@media (prefers-reduced-motion:reduce){.nlx-pn,.nlx-bar .nlx-tr svg,.nlx-row svg{transition:none!important}}

/* ---- v4: language switch (RU/EN) ---- */
html body .nlx-bar .nlx-lang{display:inline-flex!important;align-items:center!important;gap:5px!important;flex:none!important;height:36px!important;margin:0 0 0 4px!important;padding:0 10px!important;
  border:0!important;border-left:1px solid var(--nx-b)!important;border-radius:0 10px 10px 0!important;background:transparent!important;color:var(--nx-tx)!important;
  font:700 12.5px/1 'JetBrains Mono',ui-monospace,monospace!important;letter-spacing:.06em!important;text-decoration:none!important;white-space:nowrap!important;cursor:pointer!important}
html body .nlx-bar .nlx-lang:hover{color:var(--nx-tx-h)!important;background:var(--nx-hv)!important}
html body .nlx-bar .nlx-lang:focus-visible{outline:2px solid var(--nx-a)!important;outline-offset:1px!important}
html body .nlx-bar .nlx-lang svg{width:15px!important;height:15px!important;opacity:.7;flex:none}
@media (max-width:960px){html body .nlx-bar .nlx-lang{padding:0 8px!important}}
.nlx-acts .nlx-btn.nlx-lng{grid-column:1/-1}
/* ---- v4: «Switch to English?» hint ---- */
.nlx-hint{position:fixed;left:16px;bottom:16px;z-index:2147481000;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:10px 10px 10px 14px;border-radius:16px;
  background:#fff;color:#0B0B0F;border:1px solid rgba(11,11,15,.1);box-shadow:0 18px 44px -18px rgba(11,18,32,.45),0 2px 6px rgba(11,18,32,.06);
  font:500 14px/1.3 Onest,-apple-system,system-ui,'Segoe UI',sans-serif;animation:nlx-hint-in .22s ease}
html[data-theme="dark"] .nlx-hint{background:#14151C;color:#F3F6FC;border-color:rgba(255,255,255,.1)}
.nlx-hint b{font-weight:700}
.nlx-hint a.go{flex:none;display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:10px;background:#2E6CF6;color:#fff!important;font-weight:700;text-decoration:none;white-space:nowrap}
.nlx-hint a.go:hover{background:#1E56D6}
.nlx-hint button{flex:none;width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:inherit;opacity:.6;cursor:pointer;padding:0}
.nlx-hint button:hover{opacity:1;background:rgba(127,127,127,.14)}
@media (max-width:560px){.nlx-hint{left:12px;right:12px;bottom:84px}.nlx-hint span{flex:1;min-width:0}}
@keyframes nlx-hint-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.nlx-hint{animation:none}}