/* Mind Map Styles - Theme Aware */

.link {
    stroke: currentColor;
    opacity: 0.3;
}

.arrowhead {
    fill: currentColor;
    opacity: 0.5;
}

.node-circle {
    stroke: currentColor;
    stroke-width: 2px;
}

.node-circle.beginner {
    fill: #4CAF50;
    opacity: 0.8;
}

.node-circle.intermediate {
    fill: #2196F3;
    opacity: 0.8;
}

.node-circle.advanced {
    fill: #FF9800;
    opacity: 0.8;
}

.node {
    cursor: pointer;
}

.node:hover .node-circle {
    opacity: 1;
}

.node-label {
    fill: currentColor;
    font-size: 12px;
    font-weight: 500;
    pointer-events: none;
    user-select: none;
}

#mindMap svg {
    background: transparent;
}