body {
    margin: 0px;
    margin-top: 4em;
    margin-bottom: 5em;
    background-color: Canvas;
    color: CanvasText;
    color-scheme: light dark;
    font-family: system-ui, sans-serif;
    line-height: 1.3;
    font-size: 1.125em; 
}

p, li {
  orphans: 2; /* Ensure at least two lines start the new column/page */
  widows: 2;
  text-wrap: pretty;
}

h1,
h2,
h3 {
    text-align: center;
    text-wrap: balance;
}

@media (prefers-color-scheme: dark) {
    body {
        /* This hex code is a common dark-mode background tint */
        background-color: #1a1a1a; 
        color: #dddddd;
    }
}
/* If you want a subtle tint on light mode too: */
@media (prefers-color-scheme: light) {
    body {
        /* A very slight off-white background */
        background-color: #fefefe;
        color: #222222;
    }
}

        .main {
            width: 100%;
        }


.bodytext {
    /*font-size: 1em;*/
}

/*.sources {
    width: 70vw;
    max-width: 40ch;
}*/

.screenshot {
    width: 80vw;
    max-width: 360px;
    height: auto;
}

.logo {
/*        margin-bottom: 20px;
border-radius: 26.3px;
border: solid 1px rgba(0, 0, 0, 1);*/
}

.column {
    width: 80vw;
    max-width: 60ch;
}

.citation {
    text-align: center;
}


li.item {
    margin-bottom: 1em;
}

ul.nobullet {
    list-style-type: none;
}

ul {
    margin: 0px;
    padding: 0px;
}