.section-content-tabs-tab[data-tab-id] {
  padding-block: var(--space-8);
  background-color: transparent;
  border: 0;
  text-align: center;
  color: var(--scheme-text-tertiary);

  &[aria-selected='true'] {
    text-decoration: none;
    color: var(--scheme-text-accent);
  }

  &:hover {
    color: var(--scheme-text-accent);
  }
}

.section-content-tabs-panel {
  color: var(--scheme-text-secondary);

  /* TODO: update to use typography class - class doesn't exist yet */
  font-size: 1.25rem;
  font-weight: var(--font-weight-body-400);
  line-height: 1.75rem;

  strong {
    color: var(--scheme-text-accent);
    font-weight: inherit;
  }
}