.experiment-layout-page .experiment-stage {
  width: 100%;
  min-width: 0;
  height: clamp(640px, calc(100svh - 84px), 1080px);
  overflow: hidden;
  border-radius: var(--card-radius);
  background: var(--paper);
  scroll-margin-top: 76px;
}

.experiment-layout-page .experiment-frame {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  border: 0;
  background: var(--paper);
  color-scheme: dark;
}

.experiment-layout-page .experiment-frame:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: -2px;
}

@media (max-width: 809px) {
  .experiment-layout-page .experiment-stage {
    height: clamp(640px, calc(100svh - 76px), 960px);
    scroll-margin-top: 72px;
  }
}