html { scroll-behavior:auto!important;scrollbar-gutter:stable; }
/* Keep navigation chrome stable while the route viewport crossfades. */
.sidebar { view-transition-name:mimo-navigation; }.topbar { view-transition-name:mimo-topbar; }.preview-banner { view-transition-name:mimo-banner; }
::view-transition-group(root) { animation-duration:240ms; }
::view-transition-old(root) { animation:mimo-route-out 130ms ease-out both;mix-blend-mode:normal; }
::view-transition-new(root) { animation:mimo-route-in 230ms cubic-bezier(.2,.7,.2,1) both;mix-blend-mode:normal; }
::view-transition-group(mimo-navigation),::view-transition-group(mimo-topbar),::view-transition-group(mimo-banner) { animation-duration:0s; }
::view-transition-old(mimo-navigation),::view-transition-old(mimo-topbar),::view-transition-old(mimo-banner) { animation:none;opacity:0; }
::view-transition-new(mimo-navigation),::view-transition-new(mimo-topbar),::view-transition-new(mimo-banner) { animation:none; }
@keyframes mimo-route-out { to { opacity:0;transform:translateY(-5px); } }
@keyframes mimo-route-in { from { opacity:0;transform:translateY(7px); } to { opacity:1;transform:translateY(0); } }
.main-nav>a { transition:color .18s ease,background-color .18s ease; }
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important;} .main-nav>a{transition:none;} }