[data-component="markdown"] {
  .shiki {
    font-size: var(--font-size-base);
    margin: 0rem;
  }

  /* Headings: Same size, distinguished by color and spacing */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: var(--font-size-base);
    margin-top: 0;
  }

  hr {
    margin: 0;
  }

  pre {
    scrollbar-width: thin;
    scrollbar-color: var(--border-weak-base) transparent;

    &::-webkit-scrollbar-track {
      background: transparent;
    }

    &::-webkit-scrollbar-corner {
      background: transparent;
    }

    &::-webkit-scrollbar-button {
      display: none;
      width: 0;
      height: 0;
    }

    &::-webkit-scrollbar-thumb {
      background: var(--border-weak-base);
      border-radius: 4px;

      &:hover {
        background: var(--border-strong-base);
      }
    }
  }

  [data-component="markdown-code"] {
    background: var(--background-stronger);
    margin-bottom: 1rem;
  }
}
