/* Live app frames (the browser chrome around a running prototype).
   On a desktop the whole frame fits on screen below the fixed site nav, so the
   app's own top bar and bottom bar are both in view at once. The budget is the
   screen height less the 64px nav, the frame's window bar and a small gap above
   and below. Each page still sets its preferred height; this only caps it on
   screens too short for that height. Phones keep the page's own sizing. */
@media (min-width: 992px) {
    .sandbox-viewport-wrapper {
        max-height: calc(100dvh - 9.75rem);
    }
    .portfolio-device-frame {
        scroll-margin-top: calc(64px + .5rem);
    }
}