h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin: 0;
}

h1 {
  font-size: var(--sl-font-size-4x-large);
}

h2 {
  font-size: var(--sl-font-size-3x-large);
}

h3 {
  font-size: var(--sl-font-size-2x-large);
}

h4 {
  font-size: var(--sl-font-size-x-large);
}

h5 {
  font-size: var(--sl-font-size-large);
}

h6 {
  font-size: var(--sl-font-size-medium);
}

a {
  color: var(--sl-color-primary-600);
  text-decoration: none;
}

a:focus-visible {
  color: var(--sl-color-primary-600);
  outline: var(--sl-focus-ring);
  outline-offset: var(--sl-focus-ring-offset);
}

a:hover {
  color: var(--sl-color-primary-500);
  text-decoration: underline;
}

table {
  border-collapse: collapse;
  font-size: var(--sl-button-font-size-large);
}

table th {
  text-align: left;
  background-color: var(--sl-color-neutral-100);
}

table td {
  text-align: left;
  background-color: var(--sl-color-neutral-0);
}

table th, table td {
  text-align: left;
  padding: var(--sl-input-spacing-small);
}

table, table td, table th {
  border: 1px solid var(--sl-input-border-color);
}

table[rules=rows], table[rules=rows] th, table[rules=rows] td {
  border: none;
  background-color: inherit;
}

table[rules=rows] thead > tr:last-child {
  border-bottom: 2px solid var(--sl-input-border-color);
}

table[rules=rows] tbody > tr:not(:last-child) {
  border-bottom: 1px solid var(--sl-input-border-color);
}