/* Keep the original blur in the page scrim, with dimming solely on the native
   backdrop so Safari can sample its background color for obscured edge areas.
   Desktop keeps its existing combined scrim. */
@media (max-width: 720px) {
  .modal-scrim { background: transparent; }
  html body dialog::backdrop {
    background: rgb(27 39 58 / .24);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    animation: none;
  }
  html body dialog.nested-dialog::backdrop,
  html body dialog.nested-dialog[data-motion="closing"]::backdrop {
    background: rgb(27 39 58 / .16);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    animation: none;
  }
}