*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Georgia,serif;line-height:1.7;color:#333;max-width:820px;margin:0 auto;padding:20px 25px;background:#fff}
header{border-bottom:2px solid #eee;padding-bottom:20px;margin-bottom:30px}
header h1 a{color:#2c3e50;text-decoration:none;font-size:1.8em}
header p{color:#7f8c8d;margin-top:5px;font-size:0.95em}
nav{margin-top:12px}
nav a{margin-right:18px;color:#3498db;text-decoration:none;font-size:0.95em}
nav a:hover{text-decoration:underline}
main{margin-top:10px}
article{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #eee}
article h2 a{color:#2c3e50;text-decoration:none}
article h2 a:hover{color:#3498db}
article time{color:#95a5a6;font-size:0.85em;display:block;margin-top:4px}
article p{margin-top:8px;color:#555;font-size:0.95em}
pre{background:#f8f8f8;padding:16px;overflow-x:auto;margin:12px 0;border-radius:4px;border:1px solid #e8e8e8;font-size:0.88em}
code{background:#f4f4f4;padding:2px 6px;border-radius:3px;font-size:0.88em}
footer{text-align:center;color:#95a5a6;font-size:0.82em;margin-top:50px;padding-top:20px;border-top:1px solid #eee}