/*
 * KoloPlus — widgets/legal/toc_card · v1.1.3.009
 * Table of contents sidebar.
 */

.w-legal-toc-card {
  position: sticky;
  top: var(--n-s-3);
  display: flex;
  flex-direction: column;
  gap: var(--n-s-2);
  padding: var(--n-s-3);
  background: var(--n-bg-soft);
  border-radius: var(--n-r-md);
  max-height: calc(100vh - var(--n-s-7));
  overflow-y: auto;
}

.w-legal-toc-card__title {
  font-weight: var(--n-w-bold);
  color: var(--n-text-mute);
  text-transform: uppercase;
  letter-spacing: .08em;
  margin: 0 0 var(--n-s-2);
}

.w-legal-toc-card__list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.w-legal-toc-card__item {
  /* item wrapper */
}

.w-legal-toc-card__link {
  display: block;
  padding: 6px var(--n-s-2);
  color: var(--n-text-soft);
  text-decoration: none;
  border-radius: var(--n-r-sm);
  border-left: 2px solid transparent;
  font-weight: var(--n-w-med);
  transition: background var(--n-dur-base) var(--n-ease),
              color var(--n-dur-base) var(--n-ease),
              border-color var(--n-dur-base) var(--n-ease);
}
.w-legal-toc-card__link:hover {
  background: var(--n-bg-hover);
  color: var(--n-text);
}
.w-legal-toc-card__link.is-active {
  color: var(--n-accent);
  border-left-color: var(--n-accent);
  font-weight: var(--n-w-sem);
}