/* Build 721: keep Life Chapters visually still while account data hydrates. */

/* This section contains its own horizontal, GPU-backed carousel. Letting the
   entire section scale at the same time makes WebKit recompose every card. */
html body .app-shell .map-stage.home-focus #homeJourney,
html body main.app-shell section.map-stage.home-focus #homeJourney {
  transform: none !important;
}
html body .app-shell .map-stage.home-focus .home-dashboard.is-revealing > #homeJourney,
html body .app-shell .map-stage.home-focus .home-dashboard.is-entering > #homeJourney,
html body main.app-shell section.map-stage.home-focus .home-dashboard.is-revealing > #homeJourney,
html body main.app-shell section.map-stage.home-focus .home-dashboard.is-entering > #homeJourney {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

/* The settled phone card is at least 404px tall. Matching that footprint keeps
   a fast scroll from jumping when the hydration shelf becomes real cards. */
@media (max-width: 600px) and (hover: none) and (pointer: coarse) {
  html body .app-shell .map-stage.home-focus #homeJourney .home-loading-shelf > span,
  html body main.app-shell section.map-stage.home-focus #homeJourney .home-loading-shelf > span {
    min-height: 404px !important;
  }
}