/* M-SITE-FRONT-THEME-15: shared public-page header/navigation shell */
.top{height:56px;display:flex;align-items:center;gap:14px;padding:0 18px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30;background:var(--bg-1)}/*M-ROUTES-CLEAN-01 sticky + M-HEADER-COLOR-01: единый цвет bg-1 как app*/
.top .spacer{flex:1}
a.brand,.brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:.3px;font-size:15px;line-height:1;color:var(--text);text-decoration:none;cursor:pointer;white-space:nowrap}
/*M-BRAND-ICON-01: марка = сама иконка приложения. Один артефакт на всё — PWA, favicon,
  хедер, офлайн. Буква (Poppins Bold) запечена в файл намеренно: системный шрифт рисует K
  по-своему на каждой ОС, поэтому марка в хедере и марка в иконке расходились. Segoe UI и
  SF Pro в бренд-марку нельзя по лицензии — отсюда свободный шрифт.
  Заливки-цветом нет намеренно: под PNG со скруглённым силуэтом она вылезала бы углами.
  :hover не трогаем — brightness(1.08) как был. */
.brand .mark{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;
  color:transparent;font-weight:800;font-size:16px;letter-spacing:0;
  background:url('/icons/icon-192.png?v=20260718-icon2') center/contain no-repeat}
.brand:hover .mark{filter:brightness(1.08)}
/*M-KORPUS-TWA-FRONT-01: korpus-page.css грузится ПОСЛЕ этого файла, и его a:hover{underline}
  имеет ту же специфичность (0,1,1), что a.brand выше — при равенстве решает порядок загрузки,
  поэтому марка подчёркивалась на 5 юр-страницах. (0,2,1) бьёт по специфичности, а не по
  порядку: перестановка <link> ничего не сломает. */
a.brand:hover{text-decoration:none}
.icon-btn{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--text-2);border:none;background:none;cursor:pointer}
.icon-btn:hover{background:var(--bg-card);color:var(--text)}
.icon-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8}
.nav-dd{position:absolute;top:52px;right:12px;z-index:41;width:264px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:6px;box-shadow:0 12px 40px rgba(0,0,0,.45);display:none;flex-direction:column;gap:1px}
.nav-dd.open{display:flex}
.nav-dd .nd-hd{font-size:11px;letter-spacing:.4px;text-transform:uppercase;color:var(--text-muted);padding:8px 10px 6px}
.nav-dd a.nd-item{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:9px;font-size:13px;color:var(--text-2);text-decoration:none}
.nav-dd a.nd-item:hover{background:var(--bg-0);color:var(--text)}
.nav-dd a.nd-item svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;flex:0 0 auto}
.nav-dd .nd-sep{height:1px;background:var(--border);margin:5px 8px}
.nav-dd .nd-copy{padding:8px 10px 7px;font-size:11.5px;color:var(--text-muted)}