*{box-sizing:border-box;margin:0;padding:0}body{color:#333;display:flex;flex-direction:column;min-height:100vh;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:18px;line-height:1.6}h2{font-size:1.4rem}ul{list-style:none;display:grid;gap:.5rem}a{color:#0070f3;text-decoration:none}a:hover{text-decoration:underline}.header{padding:1rem 0}.header-content{display:flex;align-items: center;max-width:1024px;margin:0 auto;padding:0 3rem}.site-title{font-size:1.5rem;font-weight:600}.site-title a{color:#333;text-decoration:none}.site-title a:hover{color:#666}.main-content{flex:1;width:100%;max-width:1024px;margin:0 auto;padding:1rem 3rem;line-height:2}.posts-grid{display:grid;gap:2rem}.year-section{display:grid;gap:1rem}.post-title{font-size:2rem}.post-content{display:grid;gap:1.5rem}.post-content ul,.post-content ol{list-style:disc;display:grid;gap:.5rem;padding-left:24px}.post-content blockquote{color:#6b6f77;border-left:4px solid #d7d8da;margin-left:.5rem;padding:1rem 0 1rem 1rem}.post-content code{background:#d7d8da;border-radius:3px;padding:.2rem .4rem;font-size:.9em}.post-content pre{border-radius:3px;padding:1rem;line-height:1.6}.post-content pre code{background:0 0;padding:0}