/* Whole-site stylesheet.
 *
 * Browser default font, browser default colours, browser default everything.
 *
 * color-scheme: light dark is the entire theme handling. The browser paints
 * its own light and dark canvas, text, link and form-control colours, so dark
 * mode is plain inversion. There is deliberately no dark-mode rule anywhere
 * in this file: any such rule is something the browser did not ask for.
 *
 * The only layout is one centred column, which is also the whole of the
 * mobile layout, and images that do not overflow it.
 */

:root {
    color-scheme: light dark;
}

body {
    max-width: 44em;
    margin: 0 auto;
    padding: 1em;
}

img {
    max-width: 100%;
    height: auto;
}

/* The two marks would otherwise be separated only by the single space that
   the newline between their links collapses to, which puts the descender of
   the ITPcp mark almost against the TU Graz blocks. */
header img {
    margin-right: 1.5em;
}