/* Recipe editor must remain usable when content exceeds the viewport. */
#ov.overlay{
  overflow-y:auto !important;
  align-items:flex-start !important;
  padding-top:28px !important;
  padding-bottom:28px !important;
}
#ov .modal{
  max-height:calc(100dvh - 56px) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
#ov .modalhead{
  position:sticky;
  top:-20px;
  z-index:5;
  padding:20px 0 12px;
  margin-top:-20px;
  background:linear-gradient(180deg,var(--surface) 78%,color-mix(in srgb,var(--surface) 86%,transparent));
}
#ov #mb{
  min-height:0;
}
#ov .recipe-add{
  scroll-margin-bottom:32px;
  padding-bottom:18px;
}
@media(max-width:560px){
  #ov.overlay{align-items:flex-end !important;padding:0 !important;overflow:hidden !important}
  #ov .modal{max-height:92dvh !important;overflow-y:auto !important;padding-bottom:28px}
  #ov .modalhead{top:-20px}
}