:root{color-scheme:light dark}
*{box-sizing:border-box}
body{margin:0;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,sans-serif;color:#1f2328;background:#fff}
header,main,footer{max-width:720px;margin:0 auto;padding:0 18px}
header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:20px;padding-bottom:12px;border-bottom:1px solid #e6e8eb}
.brand{font-weight:600;letter-spacing:.2px;color:#1f2328;text-decoration:none}
nav a{margin-left:16px;color:#57606a;text-decoration:none;font-size:14px}
nav a:hover{color:#000;text-decoration:underline}
main{padding-top:20px;padding-bottom:32px}
h1{font-size:25px;line-height:1.25;margin:4px 0 14px;font-weight:650}
h2{font-size:17px;margin:26px 0 6px}
p{margin:9px 0}
.lead{color:#3c4149}
.meta{color:#8b949e;font-size:13px;margin-top:-2px}
ul.posts{list-style:none;padding:0}
ul.posts li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #eef0f2}
ul.posts span{color:#8b949e;font-size:13px;white-space:nowrap}
a{color:#0b62d6}
code{font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;background:#f3f4f6;padding:1px 5px;border-radius:4px}
footer{color:#8b949e;font-size:13px;border-top:1px solid #e6e8eb;padding-top:12px;padding-bottom:28px}
@media (prefers-color-scheme:dark){body{background:#0f1115;color:#e6edf3}.brand{color:#e6edf3}nav a,.lead{color:#9aa4b2}h1{color:#fff}a{color:#79b8ff}code{background:#1b1f26}header,footer,ul.posts li{border-color:#232a33}.meta,.posts span,footer{color:#8b949e}}