/* Contents list for legal pages: a plain list under an ink rule */
@layer components {
  .legal-toc {
    padding-top: var(--space-3);
    border-top: 2px solid var(--color-text);

    .legal-toc__title {
      margin: 0 0 var(--space-3);
      font-size: var(--text-sm);
      font-weight: var(--font-semibold);
      color: var(--color-text);
    }

    .legal-toc__list {
      margin: 0;
      padding: 0;
      list-style: none;

      li {
        margin: 0;
        border-bottom: 1px solid var(--color-border);
      }
    }

    a.legal-toc__link {
      display: block;
      padding: var(--space-2) 0;
      font-size: var(--text-sm);
      color: var(--color-text-muted);
      text-decoration: none;

      &:hover {
        color: var(--color-text);
        text-decoration: underline;
        text-underline-offset: 0.2em;
      }
    }
  }
}