/* applies to both highlighted (pre.hl) and plain code blocks so they share
   the same background/scroll styling */
pre {
  background-color: #181818;
  padding: 1rem;
  padding-right: 0.5rem;
  overflow-x: auto;
}

pre code {
  background-color: transparent;
  padding: 0;
  white-space: pre;
}

.hl-accent {
  color: var(--accent-color);
}

.hl-comment {
  color: #888;
}