/* extension/css/content.css */

.anotato-highlight-class {
    /* Pale Green "Magic Marker" effect */
    background-color: rgba(144, 238, 144, 0.5); /* LightGreen with 50% transparency */
    color: inherit;            /* Keep the original text color */
    cursor: pointer;
    border-radius: 3px;
    padding: 2px 0;
    box-shadow: none;          /* Remove shadow for a flatter, marker look */
    border-bottom: 2px solid #28a745; /* Optional: A darker green underline to make it pop */
}

/* Optional: Darker green on hover to show it's clickable */
.anotato-highlight-class:hover {
    background-color: rgba(144, 238, 144, 0.8); 
}