/* Мобильное меню стандартных скинов (static/js/mobile-nav.js). Цвета берутся у страницы. */
.mnav-toggle { display: none; }
html.mnav-on [data-mobile-nav] { display: none !important; }
html.mnav-on .mnav-toggle {
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
  width: 44px; height: 44px; margin-left: 8px; padding: 0; border: 1px solid currentColor;
  border-radius: 10px; background: transparent; color: inherit; font-size: 20px; line-height: 1;
  cursor: pointer; opacity: .85;
}
.mnav-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.mnav-panel {
  position: fixed; left: 0; right: 0; top: var(--mnav-top, 0); z-index: 1000;
  max-height: calc(100vh - var(--mnav-top, 0px)); overflow-y: auto;
  padding: 8px 16px 16px; background: var(--mnav-bg, #fff); color: var(--mnav-fg, #111);
  box-shadow: 0 12px 32px rgba(0, 0, 0, .25);
}
.mnav-panel[hidden] { display: none; }
.mnav-panel a {
  display: block; padding: 14px 4px; color: inherit; text-decoration: none; font-size: 17px;
  border-bottom: 1px solid color-mix(in srgb, currentColor 15%, transparent);
}
.mnav-panel a:last-child { border-bottom: 0; }