// Needs refactoring
// stylelint-disable selector-max-type
.markdown-body {
  // Tables
  table {
    display: block;
    width: 100%; // keep for backwards compatibility
    width: max-content;
    max-width: 100%;
    overflow: auto;
    font-variant: tabular-nums;

    th {
      // stylelint-disable-next-line primer/typography
      font-weight: $font-weight-bold;
    }

    th,
    td {
      // stylelint-disable-next-line primer/spacing
      padding: 6px 13px;
      // stylelint-disable-next-line primer/borders, primer/colors
      border: $border-width $border-style var(--borderColor-default, var(--color-border-default));
    }

    td {
      > :last-child {
        margin-bottom: 0;
      }
    }

    tr {
      background-color: var(--bgColor-default, var(--color-canvas-default));
      // stylelint-disable-next-line primer/borders, primer/colors
      border-top: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));

      &:nth-child(2n) {
        background-color: var(--bgColor-muted, var(--color-canvas-subtle));
      }
    }

    img {
      background-color: transparent;
    }
  }
}