* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: 'IBM Plex Sans', 'Noto Sans SC', 'Helvetica Neue', sans-serif;
  background: #f5f7f9;
  color: #3a3f47;
  line-height: 1.7;
  padding: 4rem 1.5rem;
  max-width: 600px;
  margin: 0 auto;
}

h1 { font-size: 1.4rem; font-weight: 600; color: #1a2332; margin-bottom: 0.3rem; }
h2 { font-size: 1.1rem; font-weight: 600; color: #2a3444; margin-top: 2rem; margin-bottom: 0.5rem; }
.back { font-size: 0.9rem; margin-bottom: 2rem; }
.back a { color: #5a6a7a; text-decoration: none; font-family: 'IBM Plex Mono', monospace; }
.back a:hover { color: #1a2332; }
.date { font-size: 0.8rem; color: #8a95a5; margin-bottom: 2rem; font-family: 'IBM Plex Mono', monospace; }
p { margin-bottom: 1rem; font-size: 0.95rem; color: #4a5568; }
a { color: #4a6fa5; text-decoration: none; border-bottom: 1px solid #c5d5e5; transition: border-color 0.2s; }
a:hover { border-color: #4a6fa5; }
hr { border: none; border-top: 1px solid #dde3ea; margin: 1.5rem 0; }
blockquote { border-left: 2px solid #b0bec9; margin-left: 0; padding-left: 1rem; color: #6a7a8a; }
.meta { font-size: 0.85rem; color: #8a95a5; font-family: 'IBM Plex Mono', monospace; }
.desc { color: #7a8a9a; font-size: 0.85rem; margin-left: 0.3rem; }
ul { list-style: none; padding: 0; }
ul li { margin-bottom: 0.5rem; font-size: 0.95rem; }
.footer { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid #dde3ea; font-size: 0.8rem; color: #b0bec9; font-family: 'IBM Plex Mono', monospace; }