/* Общая шапка внутренних страниц (Статьи, документы): логотип + меню, на узком экране — кнопка ☰.
   Цвета берутся из токенов страницы: --bg, --ink, --muted, --line, --accent. */
.site-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.site-head .in{max-width:1120px;margin:0 auto;padding-inline:20px;height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative}
.site-head .logo{display:flex;align-items:center;color:var(--ink);text-decoration:none}
.site-head .logo-svg{height:24px;width:auto;display:block}
.site-head .lb{fill:var(--accent)}
.site-nav{display:flex;gap:24px;font-size:15px}
.site-nav a{text-decoration:none;color:var(--muted)}
.site-nav a:hover,.site-nav a[aria-current]{color:var(--ink)}
.burger{display:none;width:42px;height:42px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;place-items:center;padding:0}
.burger svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;stroke-linecap:round;fill:none}
.burger .x{display:none}
@media (max-width:820px){
  .burger{display:grid}
  .site-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;padding:6px 20px 18px;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 18px 30px -18px rgba(10,16,30,.35)}
  .site-head.open .site-nav{display:flex}
  .site-head.open .burger .bars{display:none}
  .site-head.open .burger .x{display:block}
  .site-nav a{padding:14px 2px;border-bottom:1px solid var(--line);font-size:17px;color:var(--ink)}
  .site-nav a:last-child{border-bottom:0}
}

/* якоря не прячутся под закреплённой шапкой */
html{scroll-padding-top:84px}