:root{color-scheme:light dark}
body{margin:0;font:16px/1.6 -apple-system,Segoe UI,Roboto,sans-serif;background:#fafafa;color:#222}
@media(prefers-color-scheme:dark){body{background:#151515;color:#ddd}article{border-color:#333!important}}
header,main,footer{max-width:720px;margin:0 auto;padding:16px 20px}
header{display:flex;align-items:center;justify-content:space-between}
.logo{font-weight:700;text-decoration:none;color:#b91c1c}
nav a{margin-left:16px;color:inherit;text-decoration:none;opacity:.75}
h1{font-size:28px}
article{border-bottom:1px solid #e5e5e5;padding:14px 0}
article h2{font-size:19px;margin:4px 0}
time{font-size:13px;opacity:.6}
footer{font-size:13px;opacity:.6}