/* ==================== Skills Graph - Hero Background ==================== */

/* Canvas layer — sits above the hero pattern but below hero content */
#skills-graph-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none; /* Events handled via hero section listeners */
}

/* Ensure hero content stays above the graph canvas */
#hero > .container {
    position: relative;
    z-index: 2;
}

/* Cursor feedback when hovering/dragging a graph node */
#hero.graph-hover {
    cursor: grab;
}

#hero.graph-dragging {
    cursor: grabbing;
}