*{box-sizing:border-box}body{margin:0;font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#222;background:#fafafa}
header,main,footer{max-width:720px;margin:0 auto;padding:0 20px}header{padding-top:40px;padding-bottom:10px;border-bottom:1px solid #e5e5e5}
header a{color:#222;text-decoration:none}header h1{margin:0;font-size:28px}header p{margin:4px 0 0;color:#777}
nav a{margin-right:16px;color:#555;text-decoration:none}nav{margin-top:12px}main{padding-top:24px;padding-bottom:40px}
.post{margin-bottom:28px}.post h2{margin:0 0 4px;font-size:21px}.post h2 a{color:#1a4f8b;text-decoration:none}
time{color:#888;font-size:14px}article h1{font-size:30px;margin-bottom:4px}article p{margin:16px 0}
footer{color:#999;font-size:13px;padding-bottom:40px;border-top:1px solid #e5e5e5;padding-top:16px}
@media (prefers-color-scheme:dark){body{background:#16181b;color:#ddd}header a,header h1{color:#eee}.post h2 a{color:#7fb0e8}header,footer{border-color:#333}}