* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: system-ui, sans-serif; max-width: 640px; margin: 2rem auto; padding: 0 1rem; line-height: 1.6; color: #222; }
header { margin-bottom: 2rem; }
header a { text-decoration: none; color: inherit; }
nav { margin-top: 0.5rem; }
nav a { margin-right: 1rem; }
h1 { margin-bottom: 0.5rem; }
.date { color: #666; display: block; margin-bottom: 1rem; }
.post-list { list-style: none; }
.post-list li { margin-bottom: 0.5rem; }
.post-list time { color: #666; font-size: 0.9rem; }
article img { max-width: 100%; }
pre { background: #f4f4f4; padding: 1rem; overflow-x: auto; margin: 1rem 0; }
code { font-size: 0.9em; }