@import url("https://ga.jspm.io/npm:@highlightjs/cdn-assets@11.11.1/styles/github.min.css");

.hljs {
  background: unset;
}

pre:has(code) {
  width: max-content;
  margin-block: 0;
  max-width: 100%;
  overflow-x: auto;
}

pre code,
pre code.hljs {
  border: none;
  padding: 0;
  background: var(--background-color, unset);
  color: var(--text-color, var(--site-dark));
  font-size: 0.8em;
}

/* Use a contrast colour inside trix content */
.trix-content > pre {
  background: var(--trix-code-block-background-color, white);
  color: var(--trix-code-block-color, var(--text-color));
  font-size: 0.8em;
  padding: 1rem;
}