/* Ficha: un solo contexto de desplazamiento, sin alterar el diseño del panel. */
body:has(dialog#film-dialog[open]){overflow:hidden!important;overscroll-behavior:none!important}
dialog#film-dialog.film-dialog[open]{
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:auto;
  scroll-behavior:auto!important;
  -webkit-overflow-scrolling:touch;
}
dialog#film-dialog[open] .dialog-body{min-width:0!important;max-width:100%!important}
@media(max-width:680px){
  dialog#film-dialog.film-dialog[open]{scrollbar-gutter:auto}
}
/* The full-width ambient image must not extend beneath the vertical scrollbar. */
dialog#film-dialog[open] .dialog-ambient{width:calc(100% - 12px)!important}
@media(min-width:681px){dialog#film-dialog[open] .dialog-ambient{width:calc(100% - 35px)!important}}