/* The intro remains behind the sheets as they enter the headline area. */
.configuration{isolation:isolate}
.studio-intro{position:sticky;top:28px;z-index:0;pointer-events:none}
.studio-intro .single-shortcut{pointer-events:auto}
#form.form-focus{position:relative;z-index:2}
#form.form-focus>fieldset{transform:none;transition:background-color .24s ease,box-shadow .3s ease}
#form.form-focus>fieldset.is-active,#form.form-focus>fieldset.is-future,#form.form-focus>fieldset.is-past{transform:none}
#form.form-focus>fieldset.is-past{top:calc(72px + var(--stack-step)*12px)}
.configuration .brief,.configuration #status{position:relative;z-index:7}
.configuration .actions .btn:hover,.configuration .single-shortcut:hover,
#form #single-example:hover,.stage-tools button:hover,.home-link:hover span{transform:none}
@media(max-width:760px){
 .studio-intro{top:calc(clamp(330px,44svh,420px) + 18px)}
 #form.form-focus>fieldset.is-past{top:calc(clamp(330px,44svh,420px) + 52px + var(--stack-step)*12px)}
}
@media(prefers-reduced-motion:reduce){.studio-intro{position:relative;top:auto}#form.form-focus>fieldset.is-past{position:relative;top:auto}}