@media (max-width: 850px) {
  body > header, .site-header, .header {
    position: sticky !important;
    top: 0;
    z-index: 1000;
    transition: transform .24s ease;
  }
  .site-header-hidden { transform: translateY(-110%); }
  .global-menu-toggle {
    display: grid;
    grid-template-columns: 22px auto;
    grid-template-rows: repeat(3, 2px);
    align-content: center;
    gap: 5px 9px;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid #d8dfe2;
    border-radius: 6px;
    background: #fff;
    color: #092337;
    cursor: pointer;
  }
  .global-menu-toggle span { grid-column: 1; display: block; width: 22px; height: 2px; border-radius: 2px; background: currentColor; }
  .global-menu-toggle b { grid-column: 2; grid-row: 1 / 4; align-self: center; font: 700 14px Manrope, "DM Sans", sans-serif; }
  .global-mobile-menu {
    position: fixed;
    z-index: 999;
    top: 82px;
    left: 12px;
    right: 12px;
    display: grid;
    gap: 1px;
    padding: 10px;
    overflow-y: auto;
    max-height: calc(100dvh - 100px);
    background: #fff;
    border: 1px solid #d8dfe2;
    border-radius: 8px;
    box-shadow: 0 18px 30px rgba(11,29,46,.18);
  }
  .global-mobile-menu[hidden] { display: none; }
  .global-mobile-menu a { padding: 14px 12px; border-bottom: 1px solid #edf0f1; color: #092337; font: 700 16px "DM Sans", sans-serif; text-decoration: none; }
  .global-mobile-menu a:last-child { margin-top: 7px; border-bottom: 0; text-align: center; }
  .global-menu-toggle:focus-visible, .global-mobile-menu a:focus-visible { outline: 3px solid #ffc000; outline-offset: 3px; }
}
@media (min-width: 851px) { .global-menu-toggle, .global-mobile-menu { display: none !important; } }
@media (prefers-reduced-motion: reduce) { body > header, .site-header, .header { transition: none; } }
