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

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