* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Noto Sans JP', sans-serif;
  background: #fff; color: #333; line-height: 1.8;
  max-width: 800px; margin: 0 auto; padding: 40px 24px 80px;
}
h1 { font-size: 24px; margin-bottom: 8px; color: #1a1a2e; }
.meta { color: #888; font-size: 13px; margin-bottom: 32px; }
h2 { font-size: 18px; margin: 32px 0 12px; color: #1a1a2e; border-left: 4px solid #2196F3; padding-left: 12px; }
h3 { font-size: 15px; margin: 20px 0 8px; color: #444; }
p, ul, ol { margin-bottom: 16px; font-size: 15px; }
ul, ol { padding-left: 24px; }
li { margin-bottom: 6px; }
a { color: #2196F3; }
.footer { margin-top: 48px; padding-top: 24px; border-top: 1px solid #eee; color: #888; font-size: 13px; }