*{box-sizing:border-box}
body{font:16px/1.65 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#22262b;background:#fbfbf9;margin:0}
.wrap{max-width:720px;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid #e7e4dd;background:#fff}
.top{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;max-width:720px;margin:0 auto}
.logo{font-weight:700;font-size:19px;letter-spacing:.2px}
nav a{color:#4a5158;text-decoration:none;margin-left:18px;font-size:15px}
nav a.active,nav a:hover{color:#111;text-decoration:underline}
main{padding:34px 0 56px}
h1{font-size:30px;margin:0 0 6px}
.lead{color:#6a7178;font-size:17px;margin:0 0 26px}
.post{padding:20px 0;border-bottom:1px solid #eeece6}
.post h2{font-size:20px;margin:0 0 4px}
.post h2 a{color:#1a1e22;text-decoration:none}
.post h2 a:hover{text-decoration:underline}
.meta{color:#9aa0a6;font-size:13px;margin:0 0 8px}
footer{border-top:1px solid #e7e4dd;color:#9aa0a6;font-size:13px;padding:22px 0}
ul.tight{padding-left:18px}ul.tight li{margin:4px 0}
code{background:#f0efe9;padding:1px 5px;border-radius:3px;font-size:14px}