:root{color-scheme:light dark}
body{font-family:system-ui,sans-serif;line-height:1.6;margin:0}
.wrap{max-width:42rem;margin:0 auto;padding:0 1rem}
header.wrap{display:flex;justify-content:space-between;align-items:center;padding:1rem}
.brand{font-weight:700;text-decoration:none;font-size:1.2rem}
nav a{margin-left:1rem}
main.wrap{padding:1rem}
.posts{list-style:none;padding:0}
.posts li{display:flex;gap:1rem;padding:.3rem 0}
.posts time{color:#888;font-variant-numeric:tabular-nums}
footer.wrap{color:#888;padding:2rem 1rem;font-size:.9rem}