body {
    max-width: 38em;
    margin: 3ex auto 1ex auto;
    padding: 0 1em;
}
p {
    text-align: justify;
    hyphens: auto;
}
h1, h2, h3, h4, h5, h6 {
/*    font-family: 'Quicksand Medium', sans-serif;*/
    font-family: sans-serif;
    color: #b52;
}
.postindex li, .metadata, .back {
/*    font-family: 'Quicksand Medium', sans-serif;*/
    font-family: sans-serif;
}
/*.back {
    text-align: right;
    height: 0;
}*/
.metadata {
    font-size: 90%;
}
h1 {
    font-size: 150%;
    padding-bottom: 0.5ex;
    border-bottom: 2px solid #b52;
    margin-bottom: 0.5ex;
}
.floatright {
    float: right;
    margin-left: 1em;
    margin-bottom: 1ex;
}
.postindex h2 {
    /*text-align: center;*/
    color: #888;
    font-size: 100%;
}
.postindex ul, .postindex li {
    margin-left: 0;
    padding-left: 0;
    text-indent: 0;
}
.postindex li {
    list-style-type: none;
}
.postindex a {
    /*display: inline-block;
    padding-top: 0.25ex;
    padding-bottom: 0.25ex;*/
    line-height: 1.75;
/*outline: 1px solid blue;*/
}
/*.postindex a:link, .metadata a:link, .footer a:link { text-decoration: none; }
.postindex a:hover, .postindex a:focus,
.metadata a:hover, .metadata a:focus,
.footer a:hover, .footer a:focus { text-decoration: underline; }*/
a:link { text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }
.metadata, .footer {
    color: #888;
}
.footer {
    text-align: center;
    padding-top: 3ex;
    border-top: 2px solid #b52;
    margin-top: 1ex;
    margin-bottom: 3ex;
}

a:link { color: #731 }
a:visited { color: #941 }
a:active, a:hover, h1 { color: #b52 }
li { list-style-color: #b52; }

pre { margin-left: 2em }
del { color: #8c7a71 }

.numbertable {
    max-width: 25em;
    margin: 1ex auto;
    padding: 0.1ex 0.5ex;
}
.numbertable td, .numbertable th {
    font: 90% sans-serif;
    background: #f6dacd;
    color: #000;
    margin: 0;
}
.numbertable td { text-align: right }
.numbertable th {
    text-align: center;
    font-weight: bold;
    background: #d0a691;
    color: #000;
    padding: 0.5ex;
}
.numbertable tr.sumrow td { font-weight: bold; background: #e7c4b3; }
.numbertable tr.notes td {
    font-size: 70%;
    text-align: left;
    margin-top: 1ex
}
.numbertable td.rowhead { text-align: left }

.centerimg {
    display: block;
    margin: 1ex auto;
}

@media only all and (min-width: 45em) {
    .ribbon {
        position: absolute;
        top: 2em;
        right: 0;
        rotate: 45deg;
        font-family: sans-serif;
    }
    .back {
        height: 0;
        rotate: -90deg;
        width: 5em;
        color: green;
        position: relative;
        left: -5em;
        top: 2em;
        opacity: 0.75;
    }
    .backarrow { rotate: 90deg; display: inline-block }
}

@media only all and (prefers-color-scheme: dark) {
    html, body { background: #111; color: #eee }
    del { color: #877d79 }
    .numbertable td { background-color: #3e2d25; color: #d4b3a3 }
    .numbertable th { background-color: #5a3b00; color: #eee }
    .numbertable tr.sumrow td { background-color: #4f392f; color: #eee }
    
    .darkmodeinvert { filter: invert(1) }

    a:link { color: #d63 }
	a:visited { color: #b52 }
	a:active, a:hover, h2 { color: #f74; }
	h2 { border-bottom-color: #b52 }
}