/* A consistent breathing space under the mobile product stage. */
.workspace { --mobile-stage-gap: 24px; }
@media (max-width: 760px) {
  .configuration { padding-top: var(--mobile-stage-gap); }
  .studio-intro { top: calc(clamp(330px, 44svh, 420px) + var(--mobile-stage-gap)); }
  .configuration:has(#form > fieldset.is-past) .studio-intro { visibility: hidden; }
  #form.form-focus { --header-stack-base: calc(clamp(330px, 44svh, 420px) + var(--mobile-stage-gap)); }
  #form > fieldset, #label-graphic, .single-panel {
    scroll-margin-top: calc(clamp(330px, 44svh, 420px) + var(--mobile-stage-gap));
  }
}
@media (max-width: 760px) and (prefers-reduced-motion: reduce) {
  .studio-intro { top: auto; }
}