* { box-sizing: border-box; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  max-width: 640px;
  margin: 0 auto;
  padding: 48px 20px 80px;
  color: #222;
  background: #fdfdfb;
  line-height: 1.6;
}
header { margin-bottom: 48px; }
header h1 { font-size: 22px; margin: 0 0 4px; }
header p { color: #777; margin: 0; font-size: 14px; }
nav { margin-top: 16px; }
nav a { color: #555; text-decoration: none; margin-right: 16px; font-size: 14px; }
nav a:hover { text-decoration: underline; }
article { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #eee; }
article:last-child { border-bottom: none; }
article h2 { font-size: 18px; margin-bottom: 4px; }
article h2 a { color: #222; text-decoration: none; }
article h2 a:hover { text-decoration: underline; }
.meta { color: #999; font-size: 13px; margin-bottom: 12px; }
article p { color: #333; }
footer { color: #aaa; font-size: 13px; margin-top: 60px; }
a { color: #2563eb; }