/* Phone shell only: let the large header leave the screen, then fit scrollable rooms. */
@media (max-width:639px) {
  html.dc-professional body {
    --dc-phone-top-inset:0px;
    --dc-phone-bottom-inset:0px;
  }

  html.dc-professional body.dc-grouped-navigation:not(.dc-word-navigation) {
    --dc-phone-top-inset:49px;
  }

  html.dc-professional body.dc-word-navigation {
    --dc-phone-bottom-inset:calc(72px + env(safe-area-inset-bottom));
  }

  html.dc-professional body .master-hdr {
    position:relative!important;
    top:auto!important;
  }

  /* These four rooms keep their existing fit/document-height contracts. */
  html.dc-professional body > .msec:not(#sec-holdings):not(#sec-marginmaker):not(#sec-marginledger):not(#sec-scales) > .workspace-frame {
    height:calc(100vh - var(--dc-phone-top-inset) - var(--dc-phone-bottom-inset))!important;
    height:calc(100dvh - var(--dc-phone-top-inset) - var(--dc-phone-bottom-inset))!important;
    min-height:0!important;
  }

  html.dc-professional body > .msec:not(#sec-holdings):not(#sec-marginmaker):not(#sec-marginledger):not(#sec-scales) > .workspace-cap {
    display:none;
  }

  /* Targets otherwise clips its fitted iframe using the tall header's old height. */
  html.dc-professional body #sec-targets.on {
    height:auto;
    min-height:0;
  }
}