body {
  font-family: system-ui, sans-serif;
}

.post-header h1,
h2 {
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  letter-spacing: -0.01em;
}

a {
  color: light-dark(#0969da, #4493f8);
}

.category-dev {
  font-family: ui-monospace, monospace;
  font-size: 0.75rem;
  padding: 0.15rem 0.5rem;
  border: 1px solid #30363d;
  border-radius: 2px;
  background: #0d1117;
  color: #58a6ff;
}

.callout {
  margin: 1.5rem 0;
  padding: 0.75rem 1rem;
  border: 1px solid light-dark(#d0d7de, #30363d);
  border-left: 3px solid #0969da;
  border-radius: 4px;
  background: light-dark(#f6f8fa, #161b22);
  font-size: 0.95rem;
}

pre.shiki {
  padding: 1rem;
  border: 1px solid #30363d;
  border-radius: 4px;
}

pre.shiki,
pre.shiki span {
  color: var(--shiki-dark) !important;
  background-color: var(--shiki-dark-bg) !important;
}