/* PAGE-TO-PAGE SLIDE inside a section (Peter, 8 Sep: "the whole thing is very jumpy"). Cross-document
   View Transitions: link this file on EVERY page of the group and the browser slides the old page out
   left and the new one in from the right, with the sidebar held still. A page without this file gets a
   plain load (Proposals keeps its own bloom on purpose). Reduced motion and old browsers: plain load. */
@view-transition { navigation: auto; }
.sidebar { view-transition-name: sidebar; }
::view-transition-group(sidebar) { animation-duration: 0s; }
::view-transition-old(root) { animation: 260ms cubic-bezier(0.32, 0, 0.1, 1) both vt-out; }
::view-transition-new(root) { animation: 460ms cubic-bezier(0.16, 1, 0.3, 1) both vt-in; }
@keyframes vt-out { to { opacity: 0; transform: translateX(-28px); } }
@keyframes vt-in { from { opacity: 0; transform: translateX(36px); } }
@media (prefers-reduced-motion: reduce) { ::view-transition-old(root), ::view-transition-new(root) { animation: none; } }