/*
 * A quiz page inside its Flu page (frame.js). The Flu page shows the site
 * header, so the quiz's own header goes. The iframe is exactly as tall as its
 * content, so a height taken from the viewport (vh, svh, dvh) would be the
 * iframe's own height and could only keep it where it is; the Flu page sends
 * its visible height as --flu-embed-viewport instead.
 */
/* !important: each game styles its header by class, which outranks this. */
body.flu-embedded > header { display: none !important; }
body.flu-embedded { height: auto; min-height: 0; overflow: visible; }
body.flu-embedded .page { min-height: var(--flu-embed-viewport, 640px); }