Function highlightElement

tutorials.js:309–318

(element, step)

// Highlight target element
function highlightElement(element, step) {
    // Remove existing highlights
    document.querySelectorAll('.carrot-tutorial-highlight').forEach(el => {
        el.classList.remove('carrot-tutorial-highlight');
    });

    // Add highlight to target
    element.classList.add('carrot-tutorial-highlight');
    element.scrollIntoView({ behavior: 'smooth', block: 'center' });
}

// Show tutorial overlay
function showTutorialOverlay(tutorial, step, targetElement) {