body{max-width:680px;margin:0 auto;padding:24px 16px;font:17px/1.65 Georgia,"Times New Roman",serif;color:#222;background:#fdfcf9}
header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #ddd;padding-bottom:12px;margin-bottom:28px}
.brand{font-weight:bold;font-size:20px;color:#222;text-decoration:none}
nav a{margin-left:16px;color:#555;text-decoration:none;font-family:system-ui,sans-serif;font-size:15px}
a{color:#2a5d8f}
.lead{color:#555}
.posts{list-style:none;padding:0}
.posts li{margin:14px 0}
.posts time{display:inline-block;width:110px;color:#888;font-family:system-ui,sans-serif;font-size:14px}
article h1{font-size:28px;line-height:1.25}
.meta{color:#888;font-family:system-ui,sans-serif;font-size:14px}
footer{margin-top:48px;border-top:1px solid #ddd;padding-top:12px;color:#999;font-size:14px;font-family:system-ui,sans-serif}