.comment-marker {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 3px;
  height: 100%;
  background-color: #28bb2c; /* blue for comments, red is used for annotations */
  z-index: 15;
  pointer-events: none;
  box-shadow: 0 0 2px rgba(59, 130, 246, 0.6);
}

.comment-marker-tooltip {
  position: absolute;
  bottom: 40px;
  transform: translateX(-50%);
  padding: 6px 10px;
  border-radius: 8px;
  background-color: #28bb2c;
  color: #fff;
  font-size: 11px;
  line-height: 1.3;
  z-index: 30;
  display: none;
  white-space: nowrap;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}