body { font-family: Inter, system-ui, Arial, sans-serif; max-width: 900px; margin: 40px auto; padding: 0 16px; line-height: 1.7; }
h1, h2 { line-height: 1.25; }
:not(pre) > code,
p code,
li code,
td code,
th code {
  background: #f6f8fa;
  border-radius: 6px;
  padding: 2px 6px;
}
pre:not(.shiki) {
  background: #f6f8fa;
  border-radius: 6px;
  padding: 12px;
  overflow-x: auto;
}
pre:not(.shiki) > code {
  padding: 0;
  margin: 0;
  display: block;
  background: transparent;
}
pre.shiki {
  margin: 0;
  padding: 14px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow-x: auto;
}
.muted { color: #666; }
.card { border: 1px solid #e5e7eb; border-radius: 10px; padding: 14px; margin: 10px 0; }
a { color: #0b57d0; text-decoration: none; }
a:hover { text-decoration: underline; }
.nav { display: flex; gap: 12px; margin-bottom: 18px; flex-wrap: wrap; }