/* Extend each mobile reader to the screen edge without moving its top edge. */
@media (max-width:799px) {
  body:not(.reader-open) .view-tools {
    top:auto;
    right:14px;
    bottom:calc(14px + env(safe-area-inset-bottom));
    left:auto;
  }

  #explorer[open]:not([data-reader-view=arrival]) {
    inset:calc(67dvh - 78px) 0 0;
    width:100%;
    height:auto;
    max-height:none;
    border-radius:22px 22px 0 0;
    border-bottom:0;
    padding-bottom:env(safe-area-inset-bottom);
  }

  #explorer[open][data-expanded=true]:not([data-reader-view=arrival]) {
    top:calc(50dvh - 78px);
    height:auto;
    max-height:none;
  }

  #explorer[open]:not([data-reader-view=arrival]) #drawerContent {
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
  }
  #explorer[open][data-reader-view=team] #drawerContent { touch-action:pan-y; }
}