pre,
code,
pre *,
code * {
  font-family: var(--code); }

code.highlighter-rouge {
  padding: 2px 6px;
  background: var(--light-gray);
  border-radius: var(--rounded); }

div.highlighter-rouge {
  width: 100%;
  margin: 40px 0;
  border-radius: var(--rounded);
  overflow-x: auto;
  overflow-y: auto;
  text-align: left; }
  div.highlighter-rouge div.highlight {
    display: contents; }
    div.highlighter-rouge div.highlight pre.highlight {
      width: fit-content;
      min-width: 100%;
      margin: 0;
      padding: 20px;
      color: var(--white); }