:root{color-scheme:light dark}
body{font:18px/1.65 Georgia,'Times New Roman',serif;max-width:40rem;margin:0 auto;padding:0 1.1rem 3rem;color:#222;background:#fbfaf7}
@media(prefers-color-scheme:dark){body{color:#ddd;background:#18181a}a{color:#9bc}small,.meta{color:#999}header,footer{border-color:#333}}
header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #ddd;padding:1.6rem 0 .8rem;margin-bottom:1.6rem}
header a.brand{font-size:1.35rem;font-weight:bold;text-decoration:none;color:inherit}
nav a{margin-left:1.1rem;font-size:.95rem}
a{color:#245}
h1{font-size:1.7rem;line-height:1.25;margin:.2rem 0 .4rem}
h2{font-size:1.2rem;margin:1.8rem 0 .3rem}
.meta,small{color:#777;font-size:.88rem}
ul.posts{list-style:none;padding:0}ul.posts li{margin:0 0 1.5rem}
ul.posts a.t{font-size:1.2rem;font-weight:bold;text-decoration:none}
blockquote{margin:1.2rem 0;padding-left:1rem;border-left:3px solid #ccc;color:#555}
footer{border-top:1px solid #ddd;margin-top:3rem;padding-top:.8rem;font-size:.85rem;color:#777}