@media (max-width:1024px){
  /* Equal columns also accommodate the signed-in Dashboard / List cattle labels. */
  .nav .nav-cta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .nav .nav-cta [data-public-auth-action]{min-width:0;justify-content:center}

  /* Draw the icon independently of font metrics and the button's text-node gap. */
  .nav .mobile-menu-toggle{align-items:center;justify-content:center;gap:0;flex-shrink:0}
  .nav .mobile-menu-toggle::before{
    content:"";display:block;width:18px;height:14px;
    background:linear-gradient(currentColor,currentColor) top/100% 2px no-repeat,
      linear-gradient(currentColor,currentColor) center/100% 2px no-repeat,
      linear-gradient(currentColor,currentColor) bottom/100% 2px no-repeat
  }

  /* Keep the panel on the right throughout opening, including when focus moves
     to Close. A horizontal offscreen transform can scroll the overlay on focus. */
  #mobile-menu{overflow:clip}
  #mobile-menu .mobile-menu-inner{left:auto;right:0;transform:none;transition:none}
  #mobile-menu:not([hidden]) .mobile-menu-inner{animation:public-mobile-menu-open .2s ease-out}
}

@keyframes public-mobile-menu-open{
  from{transform:translate3d(0,-12px,0)}
  to{transform:translate3d(0,0,0)}
}

@media (max-width:1024px) and (prefers-reduced-motion:reduce){
  #mobile-menu,#mobile-menu:not([hidden]) .mobile-menu-inner{animation:none;transition:none}
}