:root { color-scheme: light dark; font-family: system-ui, sans-serif; line-height: 1.65; }
body { max-width: 54rem; margin: auto; padding: 1.5rem; overflow-wrap: anywhere; }
header { border-bottom: 1px solid #888; padding-bottom: 1rem; }
.site-title { font-size: 1.6rem; font-weight: bold; text-decoration: none; }
nav { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: .5rem; }
a { color: #075fbd; }
@media (prefers-color-scheme: dark) { a { color: #8ac2ff; } }
img, video, object, iframe { max-width: 100%; height: auto; }
pre { overflow-x: auto; padding: .75rem; background: #8882; white-space: pre; overflow-wrap: normal; }
table { display: block; overflow-x: auto; max-width: 100%; }
td { vertical-align: top; }
blockquote { border-left: .2rem solid #888; margin-left: 0; padding-left: 1rem; }
li { margin-block: .4rem; }
.date, footer { font-size: .9rem; opacity: .8; }
footer { border-top: 1px solid #888; margin-top: 3rem; padding-top: 1rem; }
.wp_syntax .line { opacity: .55; user-select: none; }
.wp_syntax pre { margin: 0; }
.footnotes, .endnotes { font-size: .95rem; }