/* The page material reaches the device edges; content stays in the safe area.
   Reserve the maximum bottom inset once, avoiding scroll-time padding changes. */
@media screen {
 html {background:var(--paper)}
 body {
  padding-left:env(safe-area-inset-left,0px);
  padding-right:env(safe-area-inset-right,0px);
  padding-bottom:env(safe-area-max-inset-bottom,env(safe-area-inset-bottom,0px));
 }
 /* The expanded model owns its own scroll viewport, outside body padding. */
 :root .model-panel-content {
  margin-bottom:env(safe-area-max-inset-bottom,env(safe-area-inset-bottom,0px));
 }
}