/* Wordwise: kleinere weergave voor laptops (29-10, concept "Kleiner").
   13 inch Windows-laptops tonen de site op ±1280x600 of 1366x650 (Full HD op 150% of HD op 100%).
   Daar wordt alles 20% kleiner, de indeling blijft gelijk.
   Telefoons, tablets en het digibord (Full HD op 100%) blijven zoals ze waren. */
@media (min-width:900px) and (max-height:820px){
  html{zoom:.8}
  /* Schermhoogte (vh) krimpt mee met de zoom: hier weer op volle hoogte zetten */
  .gate{min-height:calc(100vh * 1.25)}
  .text-panel{max-height:calc(100vh * 1.25 - 84px)}
  .export .panel{max-height:calc(90vh * 1.25)}
  .wx-board{min-height:calc(70vh * 1.25)}
  .wx-bd-boss .wx-monw{width:min(45vh,320px);height:min(45vh,320px)}
}
/* Eindbaas op volledig scherm (6-11): zoom uit. Gemeten op 1280x800: met zoom .8 was het bord 1598x998 CSS-px groot
   en alles 20% kleiner dan op een gewoon scherm. ww-extra.js zet de klasse wx-fs op <html> zolang het bord volledig scherm is. */
html.wx-fs{zoom:1}
html.wx-fs .wx-board:fullscreen,html.wx-fs .wx-board.wx-pre{min-height:0}
html.wx-fs .wx-bd-boss .wx-monw{width:min(30vw,36vh);height:min(30vw,36vh)}