/* Position the original fixed-size artwork and menu/content as one unit. */
body.legacy-home,
body.legacy-layout {
    margin: 0;
    padding: 16px;
    box-sizing: border-box;
    min-height: 100vh;
    display: flex;
}

body.legacy-home > div {
    flex: none;
    width: 740px;
    margin: auto;
}

.legacy-shell {
    flex: none;
    display: grid;
    /* Leave room for the original table borders and a vertical scrollbar. */
    grid-template-columns: 180px 640px;
    width: 820px;
    height: 720px;
    margin: auto;
}

.legacy-shell > iframe {
    display: block;
    width: 100%;
    height: 100%;
    min-width: 0;
    border: 0;
}

/* Auto margins become zero when there is no room: the original artwork
   stays intact and all edges remain reachable by scrolling. */