/* R009: ChatGPT-like mobile header order: menu first, then the brand. */
@media (max-width: 760px) {
  body.site-shell .site-header {
    justify-content: flex-start;
  }

  body.site-shell .site-mobile-menu {
    order: -1;
    margin-right: 0;
    margin-left: 0;
  }

  body.site-shell .site-brand {
    margin-right: auto;
  }

  body.site-shell .site-mobile-menu nav {
    right: auto;
    left: 0;
  }
}