*{margin:0;padding:0;box-sizing:border-box}
body{font-family:system-ui,-apple-system,sans-serif;max-width:720px;margin:0 auto;padding:20px;color:#333;line-height:1.6}
header{border-bottom:2px solid #eee;padding-bottom:10px;margin-bottom:30px}
nav{display:flex;gap:20px;align-items:center}
nav .logo{font-size:1.3em;font-weight:bold;color:#333;text-decoration:none}
nav a{text-decoration:none;color:#666}
nav a:hover{color:#333}
h1{margin-bottom:20px}
article{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}
article h2{margin-bottom:5px}
article h2 a{color:#333;text-decoration:none}
article h2 a:hover{color:#0066cc}
article time{color:#999;font-size:0.9em}
article p{margin-top:10px;color:#555}
.single time{display:block;margin-bottom:20px;color:#999}
.single h1{margin-bottom:5px}
footer{margin-top:40px;padding-top:20px;border-top:1px solid #eee;text-align:center;color:#999;font-size:0.85em}
footer a{color:#999}
@media(max-width:600px){body{padding:15px}}