/* Keep the persistent full-width guide on a cheap, stable paint path. */
.thought-river-guide,
body.guide-docked .thought-river-guide {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transition: background-color .22s ease, box-shadow .22s ease;
}

.nav--minimal,
.thought-river-guide {
  will-change: transform, opacity;
}

body.guide-docked .nav--minimal,
body.guide-transitioning .nav--minimal {
  visibility: visible;
}

body.guide-transitioning .nav--minimal {
  pointer-events: none;
}

.thought-river-guide__boat {
  left: 0;
  transform: translate3d(calc(var(--boat-position, 0px) - 50%), -50%, 0);
  transition: transform .1s linear;
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  .thought-river-guide__boat {
    transition: none;
  }
}