.sl-markdown-content {
  /* Style the Markdown heading links. */
  :is(h1, h2, h3, h4, h5, h6):not(:where(.not-content *)) > a {
    color: var(--sl-color-white);
    text-decoration: none;

    &:hover {
      text-decoration: underline;
    }
  }

  ul:not(:where(.not-content *)):not(.sl-steps) {
    padding-inline-start: 1.6em;

    & > li:not(.task-list-item):not(:where(.not-content *)) {
      list-style-type: disc;
      list-style-position: outside;
      padding-inline-start: 0.3em;
    }

    & > li.task-list-item:not(:where(.not-content *)) {
      list-style-type: none;
      padding-inline-start: 0.3em;
      position: relative;

      > input[type='checkbox'] {
        position: absolute;
        left: -1.1em;
        top: 0.6em;
      }
    }
  }

  ol:not(:where(.not-content *)):not(.sl-steps) {
    padding-inline-start: 1.6em;

    & > li:not(:where(.not-content *)) {
      list-style-type: decimal;
      list-style-position: outside;
      padding-inline-start: 0.3em;
    }
  }

  code:not(:where(.not-content *)) {
    border-radius: 0.25rem;
    border-style: solid;
    border-width: 1px;
    border-color: var(--sl-color-border-inline-code);
    padding: 0.125rem 0.25rem;
  }

  a:not(:where(.not-content *)) {
    text-underline-offset: 0.25em;
    text-decoration: underline;
  }
}

/* <code> inside asides */
@supports (border-color: color-mix(in srgb, var(--sl-color-asides-text-accent) 12%, transparent)) {
  .sl-markdown-content .starlight-aside code:not(:where(.not-content *)) {
    border-color: color-mix(in srgb, var(--sl-color-asides-text-accent) 12%, transparent);
  }
}