rh-table {
  container: host / inline-size;

  & thead {
    & th {
      position: relative;
      padding-block: var(--rh-space-lg, 16px);
      text-align: start;
      font-weight: var(--rh-font-weight-heading-bold, 700);
    }
  }

  & table {
    min-width: 100%;
    margin: 0 auto;
    table-layout: fixed;
    border: 0;
    border-collapse: collapse;
  }

  & :is(tr, col) {
    transition: background 0.3s ease-out;
  }

  & :is(th, td) {
    padding-inline: var(--rh-space-lg, 16px);
  }

  & :is(col.active) {
    background: var(--_column-background-hover-color);
  }

  & tr {
    border-block-end: var(--_row-border);

    &:hover {
      background: var(--_row-background-hover-color);
    }

    & > * {
      border: none;
    }
  }

  & td {
    padding-block: var(--rh-space-xl, 24px);
  }

  & a {
    color: var(--rh-color-interactive-primary-default);

    &:hover {
      color: var(--rh-color-interactive-primary-hover);
    }
  }

  & caption {
    font-family: var(--rh-font-family-body-text, RedHatText, 'Red Hat Text', Helvetica, Arial, sans-serif);
    font-size: var(--rh-font-size-body-text-lg, 1.125rem);
    font-weight: var(--rh-font-weight-heading-bold, 700);
    line-height: var(--rh-line-height-body-text, 1.5);
    margin-block-end: var(--rh-space-xl, 24px);
    text-align: center;
    font-style: normal;
  }
}