/* Short native document transitions: no router, artificial wait, or blocking overlay. */
@view-transition{navigation:auto}
@media(prefers-reduced-motion:no-preference){
  /* The page body (hh-main, interaction.css) carries the motion; chrome only crossfades in place. */
  ::view-transition-old(root){animation:hh-page-out 160ms ease-out both}
  ::view-transition-new(root){animation:hh-page-in 220ms ease-out both}
  @keyframes hh-page-out{to{opacity:0}}
  @keyframes hh-page-in{from{opacity:0}to{opacity:1}}
}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
html.low-effects::view-transition-group(*),html.low-effects::view-transition-old(*),html.low-effects::view-transition-new(*){animation:none!important}
/* Avoid a flash of loading text for requests that finish quickly. Geometry stays stable. */
.hh-region-loading,.hh-feed-status:not(:empty),.hh-session-status,.hh-account-loading{animation:hh-delayed-status .5s step-end both}
@keyframes hh-delayed-status{from{visibility:hidden}to{visibility:visible}}
.hh-mobile-about-link,.hh-mobile-dock{display:none}