html{font-size:16px}
body{margin:0;background:#fff;color:#222;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.55}
.container{max-width:760px;margin:0 auto;padding:0 18px}
.topbar{background:#f4f4f2;border-bottom:1px solid #ddd}
.topbar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.logo{font-family:Menlo,Consolas,"DejaVu Sans Mono",monospace;font-size:15px;color:#222;text-decoration:none}
.logo b{color:#2a7ab0}
.topbar a.nav{font-size:14px;color:#555;margin-left:14px}
a{color:#2a7ab0}
a:visited{color:#6a4f9e}
h1{font-size:26px;margin:28px 0 4px;font-weight:700}
h2{font-size:19px;margin:26px 0 6px}
.date{font-family:Menlo,Consolas,monospace;font-size:13px;color:#888}
.tags{font-size:13px;color:#888;margin-top:2px}
.postlist{list-style:none;padding:0;margin:24px 0}
.postlist li{margin:0 0 16px}
.postlist .date{display:inline-block;width:96px}
img{max-width:100%;height:auto;display:block;border:1px solid #e5e5e5}
figure{margin:20px 0}
pre,code{font-family:Menlo,Consolas,monospace;font-size:13.5px;background:#f6f6f6}
code{padding:0 3px}
.pager{display:flex;justify-content:space-between;font-size:14px;margin:34px 0 0;gap:12px}
footer{font-size:12px;color:#999;margin:40px 0 30px;border-top:1px solid #eee;padding-top:12px}
footer a{color:#999}