body {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  margin: 0;
  background: #0b0c10;
  color: #e6e6e6;
}
.container {
  max-width: 900px;
  margin: 0 auto;
  padding: 24px;
}
a { color: #8ec5ff; text-decoration: none; }
a:hover { text-decoration: underline; }
.home { font-size: 14px; opacity: .85; }
h1 { margin-top: 10px; }
.muted { color: #9aa4b2; font-size: 14px; }
.list { line-height: 1.7; padding-left: 18px; }
.date { margin-left: 10px; color: #7d8794; font-size: 13px; }
.content { line-height: 1.65; }
.content h1, .content h2, .content h3 { margin-top: 1.2em; }
.content code { background: #16181f; padding: 2px 5px; border-radius: 4px; }
.content pre { background: #16181f; border-radius: 8px; padding: 12px; overflow-x: auto; }
.content blockquote { border-left: 3px solid #2f3542; margin: 0; padding-left: 12px; color: #c0c6cf; }
.source-box {
  margin: 16px 0 22px;
  padding: 12px 14px;
  border: 1px solid #2a2f3a;
  border-radius: 8px;
  background: #11141b;
}
.source-box h2 {
  margin: 0 0 8px;
  font-size: 16px;
}
.source-box ul {
  margin: 0;
  padding-left: 18px;
}
.source-box li {
  margin: 4px 0;
}