.code pre {
  @apply -mx-5 md:-mx-8;
  @apply md:rounded-xl;
  @apply my-7;
  @apply p-5 md:p-8;
  background-color: var(--code-bg);
  color: var(--code-fg);
  max-height: 800px;
}

:not(pre) > code {
  @apply bg-purple-100 text-purple-700 inline-flex items-center font-mono break-all leading-snug;
}