/* Scoped to the existing 3 × 3 explorer. No other section styles change. */
#contextExplorer .scene-photo-card img.context-card-image { opacity:0; transition:opacity 450ms ease,filter 220ms; }
#contextExplorer .scene-photo-card img.context-card-image.is-current { opacity:1; }
#contextExplorer .graph-controls { position:relative; padding-top:24px; }
#contextExplorer .context-branches { position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; }
#contextExplorer .context-branches path { fill:none; stroke:#9ed9dd24; stroke-width:.8; transition:stroke 220ms; }
#contextExplorer .context-branches path.is-active { stroke:#d9bb7a80; }
#contextExplorer .context-branches circle { fill:#9ed9dd55; transition:fill 220ms; }
#contextExplorer .context-branches circle.is-active { fill:#e9b66f; }
#contextExplorer .graph-condition-buttons { position:relative; gap:10px; }
#contextExplorer .graph-condition-buttons button { border-radius:3px; background:#0b1015; }
#contextExplorer .graph-condition-buttons button:hover { border-color:#a4cdd2; color:#e3eded; }
#contextExplorer .scene-photo-card:hover img { filter:saturate(.85) brightness(.88); }
#contextExplorer .scene-photo-card:hover { border-color:#9ed9ddaa; }
#contextExplorer .scene-photo-card img { transition:filter 220ms,opacity 450ms; transform:none; }
#contextExplorer .scene-photo-card[aria-pressed=true] img { transform:none; }
#contextExplorer .graph-stage .graph-wires { display:block; opacity:.6; }
#contextExplorer .graph-stage .graph-wires path { stroke:#9ed9dd18; }
#contextExplorer .graph-stage .graph-wires path.active { stroke:#a7d5db62; stroke-dasharray:none; animation:none; }
#contextExplorer .graph-stage .graph-wires path[data-edge^=action].active { stroke:#e9b66f90; }
#contextExplorer .context-network { opacity:.55; }
@media(max-width:760px) {
  #contextExplorer .graph-condition-buttons { display:flex; flex-wrap:nowrap; overflow-x:auto; max-width:100%; padding:3px 2px 6px; }
  #contextExplorer .graph-condition-buttons button { flex:0 0 auto; white-space:nowrap; font-size:12px; }
  #contextExplorer .graph-stage { height:auto; min-height:0; overflow:visible; display:flex; flex-direction:column; align-items:stretch; gap:12px; margin:32px 0 16px; padding-left:20px; }
  #contextExplorer .graph-stage::before { content:''; position:absolute; left:6px; top:12px; bottom:12px; width:1px; background:linear-gradient(#9ed9dd33,#e9b66f55); }
  #contextExplorer .context-network,#contextExplorer .graph-stage .graph-wires { display:none; }
  #contextExplorer .graph-stage .graph-node,#contextExplorer .graph-stage .graph-hub { position:relative; inset:auto; transform:none; width:100%!important; text-align:left; padding:12px 14px; background:#0e151a!important; margin:0; min-height:0; }
  #contextExplorer .graph-stage .graph-hub { align-items:flex-start; order:7; }
  #contextExplorer .graph-stage .graph-node[data-node^=input] { order:1; }
  #contextExplorer .graph-stage .graph-node[data-node^=condition] { order:5; }
  #contextExplorer .graph-stage .graph-node[data-node^=action] { order:8; }
  #contextExplorer .graph-stage .graph-node::before,#contextExplorer .graph-stage .graph-hub::before { content:''; position:absolute; left:-17px; top:22px; width:6px; height:6px; border-radius:50%; background:#9ed9dd80; box-shadow:none; }
  #contextExplorer .graph-stage .graph-node[data-node^=action].active::before { left:-17px; top:22px; background:#e9b66f; }
  #contextExplorer .graph-node strong { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) {
  #contextExplorer .scene-photo-card img.context-card-image,#contextExplorer .context-branches * { transition:none; transform:none; }
}