body { max-width: 60ch; margin: auto; line-height:1.6; font-size: 18px; font-family: sans-serif; color: #000; background: #eee; padding:0; }
h1,h2,h3 { line-height:1.2; }
img { max-width: 100%; display: block; }
pre { color: #eee; background: #333; padding: 0.5em 0.5em; overflow: auto; }
hr { border: 0; height: 1px; background: #000; }
a { color: #222 }

@media (prefers-color-scheme: dark) {
    body { background: #181714; color: #eee; }
    hr { border: 0; height: 1px; background: #eee; }
    a { color: #eee; }
}

figure { margin: auto; margin-bottom: 1ex; }
figcaption { font-style: italic; font-size: smaller; }
.figure-number { display: none; }
nav a:before { content:"[" }
nav a:after { content:"]" }
.header { font-size: 2em; text-decoration: none; text-align: center; }
.sitelinks { margin-top: 1ex; text-align: center; }
.post-date { margin-bottom: 0; font-style: italic; }
.status { text-align: center; }