.cs-converted {
  display: inline;
  position: relative;
  text-decoration: none; /* Remove default underline */
}

.cs-converted::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0; /* Aligns with text baseline */
  width: 100%;
  height: 1px; /* Ensures the underline is exactly 1px thick */
  background: repeating-linear-gradient(
    to right,
    #bde0e0 0,
    #bde0e0 3px, /* Dash width */
    transparent 3px,
    transparent 7px /* Dash spacing */
  );
}
.cs-converted {
  position: relative;
  cursor: help;
  overflow: visible; /* ensure the tooltip isn't clipped by the parent */
}

.cs-converted .cs-tooltip {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 8px 12px;
  border-radius: 10px;
  z-index: 999999; /* higher index to help avoid being cut off behind other elements */
  min-width: 260px; 
  text-align: center;
  white-space: normal;
  box-shadow: 0 4px 8px rgba(0,0,0,0.25);
}

.cs-converted .cs-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}

.cs-converted:hover .cs-tooltip {
  visibility: visible;
  opacity: 1;
}

.cs-powered {
  display: block;
  margin-top: 8px;
  text-align: center;
  font-style: italic;
  font-size: 90%;
}