/* The highlight effect */
.kurs-item {
    transition: background-color 0.3s ease;
    padding: 2px 5px;
    border-radius: 4px;
}

.kurs-item.highlight-active {
    background-color: rgba(255, 255, 0, 0.4); /* Yellow glow */
    transition: none; /* Instant on */
}

/* Optional: distinct colors for up/down highlight */
.kurs-item.highlight-active:has(.kurs-fallen) {
    background-color: rgba(0, 255, 0, 0.2);
}
.kurs-item.highlight-active:has(.kurs-steigen) {
    background-color: rgba(255, 0, 0, 0.2);
}