/* Reset header styles to separate semantics from visual style */

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}

th {
  text-align: inherit;
  font-weight: inherit;
}

small,
time {
  display: inline-block;
  color: $color-text-subdued;
  font-size: $text-small-font-size;
  line-height: $text-small-line-height;
}

:where(a) {
  color: $color-text-link;
  text-decoration: none;
}

:where(a:hover) {
  text-decoration: underline;
}

:where(ul, ol):not([class]) {
  padding-left: $spacing-16;
}

strong {
  font-weight: $font-weight-semibold;
}

code:not([class]) {
  font-family: Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;
  background-color: $color-background-inverse;
  color: $color-gray-200;
  padding: $spacing-4;
  font-weight: $font-weight-semibold;
  font-size: $text-small-font-size;
  line-height: $text-small-line-height;
  border-radius: $border-radius-medium;
  position: relative;
  top: -#{$spacing-2};
  white-space: break-spaces;
}