@import '../../layouts/variables.styl'
@import '../../layouts/mixins.styl'

main
  ol
    li
      pad-inline $default-padding
      pad-block 0.5em
      &:hover
        background-color: $secondary-grey
      table
        width: 50%
        tr
          &:hover
            background-color: $tertiary-grey
          td
            font-size: 80%
            line-height: 1.5em
            pad-block 0.25em
            &:first-child
              pad-inline-st 1em
            &:not(:first-child)
              color: $primary-red
              font-weight: 700
main
  > ol
    > li
      &:first-child
        pad-block-st $default-padding
      &:last-child
        pad-block-end $default-padding

@import '../../layouts/variables.styl'
@import '../../layouts/mixins.styl'

main
  ol
    li
      pad-inline $default-padding
      pad-block 0.5em
      &:hover
        background-color: $secondary-grey
      table
        width: 50%
        tr
          &:hover
            background-color: $tertiary-grey
          td
            font-size: 80%
            line-height: 1.5em
            pad-block 0.25em
            pad-inline 1em
            &:first-child
              white-space: nowrap
            &:not(:first-child)
              color: $primary-red
              font-weight: 700
main
  > ol
    > li
      &:first-child
        pad-block-st $default-padding
      &:last-child
        pad-block-end $default-padding

Add some spacing between table cells to avoid problems in small viewports.
Add some spacing between table cells to avoid problems in small viewports.
