/* The extra distance belongs only to the process scene. Scroll remains native. */
.forge-scroll { min-width: 0; }
.forge-scroll-ready .forge-inner { align-items: start; }
.forge-scroll-ready .forge-scroll {
  position: relative;
  min-height: calc(var(--forge-demo-height, 620px) + var(--forge-travel, 65svh));
}
.forge-scroll-ready .forge-demonstration {
  position: sticky;
  top: var(--forge-sticky-top, 16px);
  margin-top: 0;
}
.forge-scroll-ready .forge-heading {
  position: sticky;
  top: var(--forge-sticky-top, 16px);
}
.forge.forge-scroll-ready .forge-stage {
  height: clamp(160px, 42svh, 440px);
  min-height: 0;
}
.forge-resume {
  display: block;
  min-height: 44px;
  margin: 4px 0 0 auto;
  padding: 8px 0;
  border: 0;
  border-bottom: 1px solid #a08b70;
  background: transparent;
  color: #ead3b4;
  font: 11px/1.4 var(--mono);
  cursor: pointer;
}
.forge-resume[aria-hidden="true"] { visibility: hidden; pointer-events: none; }
.forge-scroll-ready .forge-play-row > p { min-height: 3em; }
.forge-reduced .forge-scroll,
.forge-tall .forge-scroll { min-height: 0; }
.forge-reduced .forge-demonstration,
.forge-reduced .forge-heading,
.forge-tall .forge-demonstration,
.forge-tall .forge-heading { position: relative; top: auto; }
.forge-reduced .forge-resume { display: none; }
@media (max-width: 680px) {
  .forge-scroll-ready .forge-heading { position: relative; top: auto; }
  .forge-scroll-ready .forge-scroll { margin-top: 24px; }
  .forge-scroll-ready .forge-play-row > p { min-height: 3em; max-width: 24ch; }
}
@media (prefers-reduced-motion: reduce) {
  .forge-scroll-ready .forge-scroll { min-height: 0; }
  .forge-scroll-ready .forge-demonstration,
  .forge-scroll-ready .forge-heading { position: relative; top: auto; }
}