*{box-sizing:border-box}
html{font-size:17px}
body{margin:0 auto;max-width:42rem;padding:0 1.25rem;font-family:Georgia,"Iowan Old Style","Times New Roman",serif;line-height:1.65;color:#222;background:#fbfaf7}
a{color:#2f5d8a;text-decoration:none}a:hover{text-decoration:underline}
header.site{display:flex;justify-content:space-between;align-items:baseline;padding:1.5rem 0;border-bottom:1px solid #e4e0d8}
.brand{font-weight:bold;color:#222;font-size:1.1rem}
nav a{margin-left:1rem;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.9rem}
main{padding:1.5rem 0 2rem}
h1{font-size:1.7rem;line-height:1.25;margin:.5rem 0 1rem}
h2{font-size:1.2rem;margin-top:2rem}
.intro p{color:#555}
ul.posts{list-style:none;padding:0}
ul.posts li{margin:0 0 1.6rem}
ul.posts time,.meta{display:block;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.8rem;color:#888}
ul.posts a{font-size:1.15rem}
ul.posts p{margin:.25rem 0 0;color:#555}
pre{background:#f1eee8;padding:.8rem 1rem;overflow-x:auto;border-radius:4px;font-size:.85rem;line-height:1.45}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}
.back{margin-top:2.5rem}
footer.site{border-top:1px solid #e4e0d8;padding:1rem 0 2rem;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.8rem;color:#888}
@media (prefers-color-scheme:dark){body{background:#1c1c1e;color:#ddd}.brand{color:#eee}a{color:#8db8e0}pre{background:#2a2a2d}header.site,footer.site{border-color:#333}.intro p,ul.posts p{color:#aaa}}