/* V10: one quiet, fixed action rail. Playback/replay never changes its geometry. */
.enhanced .stage .finish,
.enhanced .stage .finish.at-end,
.enhanced .stage .finish:not(.at-end){
  position:absolute;
  top:auto;
  bottom:calc(48px + env(safe-area-inset-bottom,0px));
  left:50%;
  right:auto;
  display:block;
  width:260px;
  max-width:calc(100% - 48px);
  height:56px;
  min-height:0;
  margin:0;
  padding:0;
  gap:0;
  transform:translateX(-50%);
  transition:none;
}
.enhanced .stage .primary{
  width:100%;
  min-width:0;
  height:100%;
  min-height:0;
  padding:10px 18px;
  gap:17px;
  justify-content:space-between;
  border:1px solid var(--line);
  border-radius:30px;
  background:var(--button-bg);
  background-image:none;
  color:var(--button-ink);
  box-shadow:none;
  transform:none;
  animation:none;
  transition:none;
}
.enhanced .stage .primary:hover,
.enhanced .stage .primary:active,
.enhanced .stage .primary:focus-visible{
  transform:none;
  box-shadow:none;
}
.enhanced .stage .primary-copy{gap:3px}
.enhanced .stage .primary strong{font-size:19px;line-height:1.1;letter-spacing:-.025em;white-space:nowrap}
.enhanced .stage .primary small{font-size:10px;line-height:1.3;color:inherit;opacity:.8;white-space:nowrap}
.enhanced .stage .primary svg{width:17px;height:17px;padding:0;border:0;border-radius:0;stroke-width:1.7}
.enhanced .stage .journey-replay{
  position:absolute;
  top:calc(100% + 5px);
  left:50%;
  transform:translateX(-50%);
  width:max-content;
  height:32px;
  min-height:32px;
  margin:0;
  padding:6px 12px;
  font-size:10px;
  line-height:20px;
}
.enhanced .stage .journey-replay[hidden]{display:none}
.enhanced .stage .scroll-cue{bottom:10px;font-size:10px}
@media(max-width:700px){
  .enhanced .stage .finish,
  .enhanced .stage .finish.at-end,
  .enhanced .stage .finish:not(.at-end){width:236px;height:52px}
  .enhanced .stage .primary{padding:9px 16px;gap:12px}
  .enhanced .stage .primary strong{font-size:17px}
  .enhanced .stage .primary small{font-size:9px}
  .enhanced .stage .scroll-cue{font-size:9px}
}
@media(max-height:460px){
  .enhanced .stage .finish,
  .enhanced .stage .finish.at-end,
  .enhanced .stage .finish:not(.at-end){height:48px;width:236px;bottom:40px}
  .enhanced .stage .primary strong{font-size:17px}
  .enhanced .stage .primary small{font-size:9px}
  .enhanced .stage .journey-replay{top:calc(100% + 2px)}
}
