/* The monitor size depends on the viewport, never on the active program. */
.machine .display,.machine .display.off{height:860px;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.machine .os-bar,.machine .command-line{flex-shrink:0}
.machine .desktop{min-height:0;overflow:hidden;align-items:stretch;grid-template-rows:minmax(0,1fr)}
.machine .programs{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--dim) var(--screen)}
.machine .window{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}
.machine .window-content{min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--dim) var(--screen);overscroll-behavior-y:contain;scroll-padding-block:20px}
.machine .window-bar{flex-shrink:0}
@media(max-width:600px){
 .machine .display,.machine .display.off{height:1220px;min-height:0}
 .machine .desktop{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);min-height:0}
 .machine .programs{overflow:visible}
 .machine .window-content{padding:20px 12px}
 .machine .command-line{flex-wrap:nowrap;gap:6px;min-height:48px}
 .machine .command-line form{flex:1;min-width:0;width:auto}
 .machine .command-line .help{font-size:0;min-width:30px;margin:0}
 .machine .command-line .help:after{content:'?';font-size:14px}
}

@media(min-width:601px) and (max-width:850px){.machine .display,.machine .display.off{height:1020px}}
@media(max-width:420px){.machine .display,.machine .display.off{height:1320px}}
@media(max-width:360px){.machine .display,.machine .display.off{height:1420px}}

@media(min-width:601px) and (max-width:700px){.machine .display,.machine .display.off{height:1160px}}
@media(min-width:851px) and (max-width:1100px){.machine .display,.machine .display.off{height:920px}}