/* Keep the moving clipping edge rounded when a card header becomes sticky. */
#form.form-focus > fieldset {
  --card-top-radius: 22px;
  border-top-left-radius: var(--card-top-radius);
  border-top-right-radius: var(--card-top-radius);
}
#form.form-focus > fieldset.is-active {
  clip-path: inset(var(--stack-clip, 0px) 0 -100px round var(--card-top-radius) var(--card-top-radius) 0 0);
}
#form.form-focus > fieldset.is-active > legend::before {
  border-radius: var(--card-top-radius) var(--card-top-radius) 0 0;
}
@media (max-width: 800px) {
  #form.form-focus > fieldset { --card-top-radius: 19px; }
}
/* Cover the subpixel clip boundary when returning to scrolled content. */
#form.form-focus > fieldset.is-active > legend::before { top: -19px; }
@media (max-width: 760px) {
  #form.form-focus > fieldset.is-active > legend::before { top: -13px; }
}