*{margin:0;padding:0;box-sizing:border-box}
body{display:flex;flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;color:#111827;background:#fff}
.wrapper{max-width:800px;margin:0 auto;padding:0 30px;width:100%}
header{border-bottom:3px solid #e8e8e8;padding:16px 0}
header a{color:#828282;text-decoration:none}
.site-title{font-size:1.625rem;font-weight:300;letter-spacing:-0.5px}
main{flex:1;padding:40px 0}
h1{font-size:2rem;margin-bottom:12px}
h3{font-size:1.25rem;margin-top:24px;margin-bottom:8px}
.post-meta{color:#828282;font-size:.875rem}
.post-list .post-meta{display:inline-block;width:120px}
.post-list{list-style:none;padding:0}
.post-list li{padding:6px 0}
.post-list a{color:#2563eb;font-size:1.1rem;text-decoration:none}
.post-list a:hover{text-decoration:underline}
.post-content{margin-top:20px}
.post-content ul{padding-left:24px;margin:8px 0}
.post-content li{margin:6px 0}
code{background:#f3f4f6;padding:2px 4px;border-radius:3px;font-size:.875em}
a{color:#2563eb}
footer{border-top:3px solid #e8e8e8;padding:30px 0;color:#828282;font-size:.875rem}
footer h3{font-size:1rem;font-weight:400;color:#111827;margin-bottom:8px}
.not-found{text-align:center;padding:60px 0}
.not-found h1{font-size:4em;margin-bottom:16px}