*{box-sizing:border-box}body{margin:0;font:17px/1.7 Georgia,'Times New Roman',serif;color:#222;background:#fbfaf7}
header{border-bottom:1px solid #e5e1d8;background:#fff}header .w{display:flex;justify-content:space-between;align-items:center;height:64px}
.w{max-width:760px;margin:0 auto;padding:0 20px}a{color:#2c5d8a}nav a{margin-left:18px;font-family:system-ui,sans-serif;font-size:15px}
.brand{font-family:system-ui,sans-serif;font-weight:700;color:#222;text-decoration:none}main{padding:40px 0 60px}
h1{font-size:34px;line-height:1.2}h2{margin-top:36px}pre{background:#f1eee7;padding:14px;border-radius:6px;overflow:auto;font:14px/1.5 ui-monospace,monospace}
code{font:15px ui-monospace,monospace;background:#f1eee7;padding:1px 4px;border-radius:3px}.post{padding:18px 0;border-bottom:1px solid #eee}
.post small{color:#888;font-family:system-ui,sans-serif}footer{color:#999;font:14px system-ui,sans-serif;padding:30px 0;border-top:1px solid #e5e1d8}