@use "../../../../../css/core";

.p-table-of-contents {
  --_border-radius: var(--_global--border-radius);

  margin-bottom: var(--_margin2);
  @include core.list-unstyled();
  padding-right: var(--_padding1);
  padding-left: var(--_padding1);
  background-color: #fafafa;
  border: 1px solid transparent;
  border-color: var(--_lighter-color-gray);
  border-radius: var(--_border-radius);

  &__item {
    border-bottom: 1px solid transparent;
    border-bottom-color: var(--_lighter-color-gray);

    &:last-child {
      border-bottom: none;
    }

    > a {
      display: block;
      padding-top: var(--_padding-1);
      padding-bottom: var(--_padding-1);
      color: inherit;
      text-decoration: none;

      @include core.hover() {
        opacity: .8;
      }
    }
  }
}