/* Nova Digital — переключатель и тёмная тема (2026-09-22).
   Файл подключается всегда: сверху стили кнопки, ниже — оформление при data-theme="dark" на <html>. */

/* ---------- кнопка в шапке ---------- */
.nd-theme{flex:0 0 auto;display:inline-grid;place-items:center;width:40px;height:40px;margin-left:12px;padding:0;
  border:1px solid var(--line);border-radius:12px;background:var(--bg-2);color:var(--ink-2);cursor:pointer;
  transition:color .18s,background .18s,border-color .18s,transform .18s}
.nd-theme:hover{color:var(--brand-1);border-color:rgba(37,99,235,.45);transform:translateY(-1px)}
.nd-theme:focus-visible{outline:2px solid var(--brand-1);outline-offset:2px}
.nd-theme__ico{grid-area:1/1;display:grid;place-items:center;transition:opacity .22s ease,transform .32s cubic-bezier(.22,.61,.36,1)}
.nd-theme svg{width:19px;height:19px;display:block;fill:currentColor}
.nd-theme .nd-theme__ico--sun{opacity:0;transform:rotate(-90deg) scale(.55)}
.nd-theme .nd-theme__ico--moon{opacity:1;transform:none}
html[data-theme=dark] .nd-theme .nd-theme__ico--sun{opacity:1;transform:none}
html[data-theme=dark] .nd-theme .nd-theme__ico--moon{opacity:0;transform:rotate(90deg) scale(.55)}
/* порядок в шапке одинаковый на всех ширинах */
.site-head__in{flex-wrap:nowrap}
.site-head .brand{order:1;flex:0 0 auto}
.site-head .nav{order:2;min-width:0}
.nd-theme{order:3}
.site-head .burger{order:4}

/* десктоп (меню в строку): освобождаем место, чтобы меню не наезжало на кнопку */
@media(min-width:900px){
  .site-head .wrap{max-width:1680px}
  .site-head .nav a{padding:8px 10px;font-size:14px}
  .site-head .nav>ul{gap:0}
  .nd-theme{margin-left:10px}
}
/* подзаголовок бренда съедает ~230px — показываем только на по-настоящему широких */
@media(max-width:1499px){.site-head .brand__sub{display:none}}

/* тот же брейкпоинт, что и у бургера в теме: меню уезжает в выпадающее */
@media(max-width:899px){
  .nd-theme{margin-left:auto;order:2}
  .site-head .burger{margin-left:10px;order:3}
  .site-head .nav{order:4}
}
@media(max-width:640px){.nd-theme{width:38px;height:38px;margin-left:auto}}

/* ---------- тёмная тема ---------- */
html[data-theme=dark]{
  color-scheme:dark;
  --ink:#e7edf7; --ink-2:#b4c0d2; --muted:#8792a5; --line:#28313f;
  --bg:#0e1319; --bg-2:#161d27; --accent:#7aa7ff; --accent-2:#a7c5ff;
  --brand-1:#4285f4; --brand-2:#2f6ae0; --brand-soft:#6ea8fe;
  --card:#141b25; --foot-bg:#080c12;
}
html[data-theme=dark] body{background:var(--bg);color:var(--ink)}
html[data-theme=dark] body,html[data-theme=dark] .site-head{transition:background-color .25s ease,color .25s ease}
html[data-theme=dark] .skip:focus{background:var(--card);color:var(--ink)}

/* шапка */
html[data-theme=dark] .site-head{background:rgba(14,19,25,.82);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:none}
html[data-theme=dark] .site-head.is-stuck{background:rgba(14,19,25,.94);border-bottom-color:rgba(255,255,255,.12);box-shadow:0 10px 30px rgba(0,0,0,.55)}
html[data-theme=dark] .brand__name{color:var(--ink)}
html[data-theme=dark] .brand__sub{color:var(--muted)}
html[data-theme=dark] .site-head .nav a{color:var(--ink)}
html[data-theme=dark] .site-head .nav a:hover{background:rgba(110,168,254,.14);color:#a9c9ff}
html[data-theme=dark] .site-head .nav .sub-menu{background:#141d28;border-color:var(--line);box-shadow:0 14px 30px rgba(0,0,0,.6)}
html[data-theme=dark] .nd-theme{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#dbe5f5}
html[data-theme=dark] .nd-theme:hover{color:#9dc2ff;border-color:rgba(110,168,254,.45);background:rgba(255,255,255,.10)}
@media(max-width:899px){
  html[data-theme=dark] .site-head .nav{background:#121a24;border-top-color:rgba(110,168,254,.25);border-bottom-color:var(--line);box-shadow:0 16px 34px rgba(0,0,0,.55)}
  html[data-theme=dark] .site-head .nav li+li{border-top-color:var(--line)}
  html[data-theme=dark] .nav-scrim{background:rgba(3,6,12,.6)}
}

/* карточки, блоки, поля */
html[data-theme=dark] .card,
html[data-theme=dark] .lead__main,
html[data-theme=dark] .mini,
html[data-theme=dark] .next-prev .np,
html[data-theme=dark] .widget,
html[data-theme=dark] .au-note,
html[data-theme=dark] .au-list li,
html[data-theme=dark] .author-box,
html[data-theme=dark] .au-card,
html[data-theme=dark] .share__btn,
html[data-theme=dark] .entry__meta .em{background:var(--card);border-color:var(--line);color:var(--ink-2);box-shadow:none}
html[data-theme=dark] .card h3 a,
html[data-theme=dark] .mini h3 a,
html[data-theme=dark] .next-prev .np b,
html[data-theme=dark] .author-box__name a,
html[data-theme=dark] .au-card .au-n{color:var(--ink)}
html[data-theme=dark] .card:hover,
html[data-theme=dark] .mini:hover,
html[data-theme=dark] .next-prev .np:hover{border-color:#3a4658;box-shadow:0 14px 30px rgba(0,0,0,.5)}
html[data-theme=dark] .lead__main:hover{box-shadow:0 16px 34px rgba(0,0,0,.5)}
html[data-theme=dark] .card .meta{border-top-color:var(--line)}
html[data-theme=dark] .entry__thumb{box-shadow:0 16px 34px rgba(0,0,0,.55)}
html[data-theme=dark] .searchform input[type=search]{background:var(--card);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] .searchform input[type=search]::placeholder{color:var(--muted)}
html[data-theme=dark] .pager .page-numbers{border-color:var(--line);color:var(--ink-2)}
html[data-theme=dark] .pager .current{color:#fff}
html[data-theme=dark] .tags a{border-color:var(--line);color:var(--ink-2)}
html[data-theme=dark] .cat-badge{background:rgba(110,168,254,.16);color:#9dc2ff}
html[data-theme=dark] .cat-badge:hover{background:var(--brand-1);color:#fff}
html[data-theme=dark] .section-title{color:var(--ink)}
html[data-theme=dark] .section-title:after{background:var(--line)}

/* статья */
html[data-theme=dark] .entry-top{background:linear-gradient(180deg,#16202e 0%,#121a24 55%,var(--bg) 100%);border-bottom-color:var(--line)}
html[data-theme=dark] .entry-top:before{background-image:radial-gradient(rgba(110,168,254,.13) 1px,transparent 1px)}
html[data-theme=dark] .entry-top .cat-badge{background:var(--brand-1);color:#fff}
html[data-theme=dark] .entry__meta .em--upd{background:rgba(66,133,244,.14);border-color:rgba(110,168,254,.35);color:#9dc2ff}
html[data-theme=dark] .toc{background:linear-gradient(180deg,#16202e,#121a24);border-color:var(--line);border-left-color:var(--brand-soft)}
html[data-theme=dark] .toc__list a{color:var(--ink-2)}
html[data-theme=dark] .share{background:linear-gradient(135deg,#16202e,#121a24);border-color:var(--line)}
html[data-theme=dark] .note,html[data-theme=dark] .prose blockquote{background:var(--bg-2);border-color:var(--line);border-left-color:var(--brand-soft);color:var(--ink-2)}
html[data-theme=dark] .prose code{background:#1c2633;color:#d7e3f5}
html[data-theme=dark] .prose th,html[data-theme=dark] .prose td{border-color:var(--line)}
html[data-theme=dark] .prose th{background:var(--bg-2)}
html[data-theme=dark] .nd-infographic img{border-color:var(--line)}
html[data-theme=dark] .au-meta{border-top-color:var(--line)}

/* подвал */
html[data-theme=dark] .site-foot{background:var(--foot-bg)}

/* интерактивные блоки темы */
html[data-theme=dark] .nd-ix,
html[data-theme=dark] .nd-faq__item{background:var(--card);border-color:var(--line);color:var(--ink-2)}
html[data-theme=dark] .nd-calc__field select,
html[data-theme=dark] .nd-ix input,
html[data-theme=dark] .nd-ix textarea{background:#0f1720;border-color:var(--line);color:var(--ink)}

/* виджеты плагинов: профнавигатор, QR, транслит, инструменты */
html[data-theme=dark] .pna{--i:#e7edf7;--t:#c3cddc;--m:#8792a5;--l:#2a3341;--bg:#161d27;--ac:#8ab2ff;--ac2:#6ea8fe}
html[data-theme=dark] .pna-nav,
html[data-theme=dark] .pna-card,
html[data-theme=dark] .pna-sec,
html[data-theme=dark] .pna-test,
html[data-theme=dark] .pna-opt,
html[data-theme=dark] .pna-scale button,
html[data-theme=dark] .pna-panel,
html[data-theme=dark] .pna-top u,
html[data-theme=dark] .pna-chips span,
html[data-theme=dark] .pna-tools,
html[data-theme=dark] .pna-tools input,
html[data-theme=dark] .pna-tools select,
html[data-theme=dark] .pna-modal,
html[data-theme=dark] .pna-cv{background:#141b25;box-shadow:none}
html[data-theme=dark] .nqr,html[data-theme=dark] .nqs,
html[data-theme=dark] .nal,html[data-theme=dark] .nrt{
  --nqr-line:#2a3341;--nqr-ink:#e7edf7;--nqr-mut:#8792a5;--nqr-b1:#4285f4;
  --ntl-line:#2a3341;--ntl-ink:#e7edf7;--ntl-mut:#8792a5;--ntl-b1:#4285f4;
  background:var(--card);box-shadow:none;color:var(--ink-2)}
html[data-theme=dark] .nqr input,html[data-theme=dark] .nqr select,html[data-theme=dark] .nqr textarea,
html[data-theme=dark] .nqs__val,
html[data-theme=dark] .nal select,html[data-theme=dark] .nal textarea,html[data-theme=dark] .nrt textarea{background:#0f1720;color:var(--ink);border-color:#2a3341}
html[data-theme=dark] .nqr__tab{background:#1a232f;color:var(--muted)}
html[data-theme=dark] .nqr__btn,html[data-theme=dark] .nqr button{background:#1a232f;color:var(--ink)}
html[data-theme=dark] .nvt-widget{background:var(--bg-2);border-color:var(--line)}
html[data-theme=dark] .nvt-label,html[data-theme=dark] .nvt-head{color:var(--ink)}
html[data-theme=dark] .nvt-input{background:var(--card);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] .nvt-card{background:var(--card);border-color:var(--line)}
html[data-theme=dark] .nvt-head{border-bottom-color:var(--line)}
html[data-theme=dark] .nvt-head span{color:var(--muted)}
html[data-theme=dark] .nvt-msg{background:var(--bg-2);color:var(--ink-2)}

/* картинки-схемы на белом фоне не слепят */
html[data-theme=dark] .prose img:not([src*=".svg"]){filter:brightness(.94) contrast(1.02)}

html[data-theme=dark] .badge--svc{color:#5eead4;background:rgba(94,234,212,.12)}
html[data-theme=dark] .card--svc{border-color:var(--line)}
html[data-theme=dark] .card--svc:hover h3 a{color:#5eead4}

/* Пометка «не официальный сайт» в статьях про чужие сервисы */
.nd-dc{display:flex;gap:12px;align-items:flex-start;margin:0 0 22px;padding:14px 16px;
  border:1px solid #fde68a;background:#fffbeb;border-radius:14px;font-size:15px;line-height:1.55;color:#4b3f1d}
.nd-dc__label{flex:0 0 auto;display:inline-block;padding:3px 10px;border-radius:99px;
  background:#f59e0b;color:#fff;font-size:12.5px;font-weight:600;white-space:nowrap;margin-top:1px}
.nd-dc__text a{color:#92400e;text-decoration:underline}
.nd-dc__text b{color:#3a2f12}
@media (max-width:700px){.nd-dc{flex-direction:column;gap:8px;font-size:14.5px}}


/* === 2026-09-27: меню-приоритет: что влезло — в строку, остальное в «Ещё» === */
@media(min-width:900px){
  .site-head .wrap{max-width:1680px}
  .site-head__in{gap:16px}
  .site-head .nav{min-width:0}
  .site-head .nav>ul{gap:2px;flex-wrap:nowrap;justify-content:flex-end}
  .site-head .nav>ul>li>a{padding:8px 9px;font-size:13.5px}
  .site-head .brand{flex:0 0 auto}
  .nd-more>a{cursor:pointer}
  .nd-more>a::after{opacity:.75}
  .nd-more.is-open>.sub-menu{opacity:1;visibility:visible;transform:none}
  .site-head .nav .nd-more__panel{min-width:264px;max-height:calc(100vh - 96px);overflow-y:auto}
  .site-head .nav .nd-more__panel>li>a{font-weight:600}
  .site-head .nav .nd-more__panel .menu-item-has-children>a::after{display:none}
  .site-head .nav .nd-more__panel .sub-menu{position:static;display:block;min-width:0;margin:2px 0 8px;padding:0 0 0 12px;border:0;border-left:2px solid var(--line);border-radius:0;background:none;box-shadow:none;opacity:1;visibility:visible;transform:none}
  .site-head .nav .nd-more__panel .sub-menu a{font-weight:500;font-size:13px;color:var(--muted);padding:6px 10px}
}
@media(min-width:1700px){
  .site-head__in{gap:20px}
  .site-head .nav>ul>li>a{padding:8px 12px;font-size:14.5px}
}
.nd-more[hidden]{display:none}
html[data-theme=dark] .site-head .nav .nd-more__panel .sub-menu{border-left-color:var(--line)}

/* === 2026-09-27: кнопки входа в официальный сервис на первом экране === */
.nd-go{margin:18px 0 0;display:flex;flex-direction:column;gap:9px}
.nd-go--inline{margin:22px 0}
.nd-go__label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.nd-go__btns{display:flex;flex-wrap:wrap;gap:10px}
.nd-go__btn{display:inline-flex;align-items:center;gap:11px;padding:11px 17px;border-radius:13px;
  border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:15.5px;line-height:1.2;
  text-decoration:none;transition:border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .12s ease}
.nd-go__btn:hover{text-decoration:none;border-color:var(--accent);color:var(--accent);box-shadow:0 6px 16px rgba(20,22,26,.08)}
.nd-go__btn:active{transform:translateY(1px)}
.nd-go__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.nd-go__btn::after{content:none!important}
.nd-go__btn--main{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 8px 20px rgba(31,78,216,.20)}
.nd-go__btn--main:hover{background:var(--accent-2);border-color:var(--accent-2);color:#fff;box-shadow:0 10px 24px rgba(31,78,216,.28)}
.nd-go__ico{width:20px;height:20px;flex:0 0 20px}
.nd-go__t{display:flex;flex-direction:column;gap:2px;min-width:0}
.nd-go__t b{font-weight:600}
.nd-go__t small{font-size:12.5px;font-weight:400;color:var(--muted);line-height:1.25}
.nd-go__btn--main .nd-go__t small{color:rgba(255,255,255,.82)}
html[data-theme=dark] .nd-go__btn{background:var(--card);border-color:var(--line)}
html[data-theme=dark] .nd-go__btn--main{background:var(--accent);border-color:var(--accent);color:#0e1319;box-shadow:0 8px 20px rgba(122,167,255,.18)}
html[data-theme=dark] .nd-go__btn--main:hover{background:var(--accent-2);border-color:var(--accent-2);color:#0e1319}
html[data-theme=dark] .nd-go__btn--main .nd-go__t small{color:rgba(14,19,25,.72)}
@media (max-width:700px){
  .nd-go{gap:7px}
  .nd-go__btns{flex-direction:column;align-items:stretch}
  .nd-go__btn{justify-content:flex-start;padding:11px 14px;font-size:15px}
}

/* === 2026-09-27: переключатель языка крупнее и с отчётливой рамкой, бейдж рубрики мельче === */
.entry-top .cat-badge{font-size:10.5px;padding:3px 8px;letter-spacing:.05em;box-shadow:0 2px 7px rgba(37,99,235,.18)}
.nd-lang{gap:9px;margin:0 0 15px}
.nd-lang__label{font-size:12.5px;color:var(--ink-2)}
.nd-lang__cur,.nd-lang__alt{font-size:15px;padding:8px 16px;border-width:1.5px;border-style:solid}
.nd-lang__cur{background:var(--bg-2);color:var(--ink);border-color:#c4ccda}
.nd-lang__alt{background:#fff;color:var(--accent);border-color:var(--accent);box-shadow:0 2px 9px rgba(31,78,216,.14)}
.nd-lang__alt:hover{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 4px 14px rgba(31,78,216,.26)}
html[data-theme=dark] .entry-top .cat-badge{box-shadow:none}
html[data-theme=dark] .nd-lang__cur{background:var(--card);color:var(--ink);border-color:#3c4859}
html[data-theme=dark] .nd-lang__alt{background:transparent;color:var(--accent);border-color:var(--accent);box-shadow:none}
html[data-theme=dark] .nd-lang__alt:hover{background:var(--accent);color:#0e1319}
@media (max-width:700px){
  .nd-lang__cur,.nd-lang__alt{font-size:14.5px;padding:7px 14px}
  .entry-top .cat-badge{font-size:10px;padding:3px 7px}
}

/* === 2026-09-27: подменю не перекрывают друг друга === */
@media(min-width:900px){
  /* активная панель всегда сверху, «Ещё» — только когда действительно открыта */
  .site-head .nav>ul>li:hover>.sub-menu{z-index:82}
  .site-head .nav .nd-more:hover>.sub-menu{opacity:0;visibility:hidden;transform:translateY(-6px)}
  .site-head .nav .nd-more.is-open>.sub-menu{opacity:1;visibility:visible;transform:none;z-index:88}
  /* мостик над зазором: курсор по дороге вниз не теряет пункт */
  .site-head .nav>ul>li>.sub-menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
}

/* ── блок перелинковки в статье ───────────────────────────── */
.prose .nd-cta{position:relative;margin:30px 0;padding:18px 22px 20px;border:1px solid #dde5fb;border-left:4px solid var(--brand-1,#2563eb);border-radius:14px;background:linear-gradient(135deg,#f4f8ff 0%,#f8f5ff 100%);box-shadow:0 2px 10px rgba(37,99,235,.05)}
.prose .nd-cta .nd-cta__tag{display:flex;align-items:center;gap:7px;margin:0 0 7px;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--brand-1,#2563eb)}
.prose .nd-cta .nd-cta__tag::before{content:"";flex:0 0 14px;width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6.2C10.5 4.9 8.6 4.2 6.5 4.2c-1.2 0-2.4.2-3.5.6v13.4c1.1-.4 2.3-.6 3.5-.6 2.1 0 4 .7 5.5 2 1.5-1.3 3.4-2 5.5-2 1.2 0 2.4.2 3.5.6V4.8c-1.1-.4-2.3-.6-3.5-.6-2.1 0-4 .7-5.5 2zm-1 12.1c-1.3-.8-2.9-1.2-4.5-1.2-.8 0-1.7.1-2.5.3V6c.8-.2 1.6-.3 2.5-.3 1.7 0 3.3.5 4.5 1.4v11.2z'/%3E%3C/svg%3E") no-repeat center/100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6.2C10.5 4.9 8.6 4.2 6.5 4.2c-1.2 0-2.4.2-3.5.6v13.4c1.1-.4 2.3-.6 3.5-.6 2.1 0 4 .7 5.5 2 1.5-1.3 3.4-2 5.5-2 1.2 0 2.4.2 3.5.6V4.8c-1.1-.4-2.3-.6-3.5-.6-2.1 0-4 .7-5.5 2zm-1 12.1c-1.3-.8-2.9-1.2-4.5-1.2-.8 0-1.7.1-2.5.3V6c.8-.2 1.6-.3 2.5-.3 1.7 0 3.3.5 4.5 1.4v11.2z'/%3E%3C/svg%3E") no-repeat center/100% 100%}
.prose .nd-cta p{margin:0 0 14px;font-size:16.5px;line-height:1.55;color:var(--ink-2,#3c4149)}
.prose .nd-cta__btn{display:inline-flex;align-items:center;gap:9px;padding:10px 18px;border-radius:11px;background:linear-gradient(135deg,var(--brand-1,#2563eb),var(--brand-2,#7c3aed));color:#fff;font-size:15.5px;font-weight:600;line-height:1.25;box-shadow:0 4px 12px rgba(37,99,235,.24);transition:transform .16s ease,box-shadow .16s ease}
.prose .nd-cta__btn::after{content:"";flex:0 0 15px;width:15px;height:15px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.2 5.2 11.8 6.6l4.4 4.4H4v2h12.2l-4.4 4.4 1.4 1.4 6.8-6.8z'/%3E%3C/svg%3E") no-repeat center/100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.2 5.2 11.8 6.6l4.4 4.4H4v2h12.2l-4.4 4.4 1.4 1.4 6.8-6.8z'/%3E%3C/svg%3E") no-repeat center/100% 100%;transition:transform .16s ease}
.prose .nd-cta__btn:hover{color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 8px 20px rgba(37,99,235,.3)}
.prose .nd-cta__btn:hover::after{transform:translateX(3px)}
@media (max-width:600px){.prose .nd-cta{padding:16px 16px 18px;margin:24px 0}.prose .nd-cta p{font-size:16px}.prose .nd-cta__btn{width:100%;justify-content:center}}
@media (prefers-reduced-motion:reduce){.prose .nd-cta__btn,.prose .nd-cta__btn::after{transition:none}}
.prose .nd-cta p:last-of-type{margin-bottom:0}