body{max-width:46rem;margin:0 auto;padding:1rem;font:17px/1.6 system-ui,sans-serif;color:#222;background:#fdfdfb}
header{display:flex;justify-content:space-between;border-bottom:1px solid #ddd;padding-bottom:.5rem}
.brand{font-weight:700;text-decoration:none;color:inherit}
.posts{list-style:none;padding:0}.posts li{margin:1rem 0}.posts p{margin:.2rem 0;color:#555}
time{color:#777;font-size:.9em}img{max-width:100%}
footer{margin-top:3rem;border-top:1px solid #ddd;color:#777;font-size:.85em;padding-top:.5rem}
@media (prefers-color-scheme:dark){body{background:#151515;color:#ddd}a{color:#8ab4f8}header,footer{border-color:#333}}