.toc-sticky-note {
  position: fixed;
  top: calc(var(--header-height) + 18px);
  left: 20px;
  z-index: 1100;
  width: 214px;
  background: linear-gradient(180deg, rgba(248, 233, 233, 0.96), rgba(244, 226, 226, 0.94));
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px 8px 14px 10px;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.12);
  padding: 0;
  user-select: none;
  overflow: hidden;
  transition: box-shadow 180ms ease, transform 180ms ease;
}

.toc-sticky-note::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(0, 0, 0, 0.7) 0.25px, transparent 0.25px);
  background-size: 4px 4px;
  opacity: 0.03;
  pointer-events: none;
  border-radius: inherit;
}

.toc-sticky-note__tape {
  width: 74px;
  height: 20px;
  margin: 10px auto 0;
  background: rgba(255, 255, 255, 0.48);
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  cursor: grab;
  position: relative;
  z-index: 1;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
}

.toc-sticky-note__tape:active { cursor: grabbing; }

.toc-sticky-note:hover,
.toc-sticky-note.is-dragging {
  box-shadow: 0 22px 40px rgba(0, 0, 0, 0.18);
}

.toc-sticky-note__list {
  padding: 14px 18px 20px;
  margin: 0;
}

.toc-sticky-note__item { margin-bottom: 9px; }

.toc-sticky-note__link {
  font-family: var(--font-primary);
  font-size: 13px;
  line-height: 1.4;
  color: var(--text-primary);
  display: block;
  padding: 2px 0;
  transition: color 0.2s ease, transform 0.2s ease;
}

.toc-sticky-note__link:hover {
  color: var(--kalshi-green);
  transform: translateX(2px);
}
.toc-sticky-note__link.active { color: var(--kalshi-green); font-weight: 600; }