/* Scene 2 — Live plot panel styles. Class names follow demo2's plot CSS so
   the visual language reads identical even though the markup is rebuilt
   here. No transitions on color/opacity/position (house rule). */

.s2-plot {
  width: 100%;
  height: auto;
  display: block;
}

.s2-plot .axis line,
.s2-plot .axis path {
  stroke: var(--axis);
  fill: none;
}

.s2-plot .axis text {
  fill: var(--ink-secondary);
  font-size: 11px;
  font-family: "SF Mono", Menlo, monospace;
}

.s2-plot .grid line {
  stroke: var(--grid);
  stroke-dasharray: 1 3;
}

.s2-plot .data-point {
  fill: var(--data);
  fill-opacity: 0.55;
}

.s2-plot .truth-curve {
  fill: none;
  stroke: var(--truth);
  stroke-width: 1.4;
  stroke-dasharray: 4 4;
  opacity: 0.7;
}

.s2-plot .fit-curve {
  fill: none;
  stroke: var(--fit);
  stroke-width: 2.4;
  stroke-linejoin: round;
}

.s2-plot .ghost-layer .ghost-line {
  fill: none;
  stroke: var(--ghost);
  stroke-width: 1;
  stroke-linejoin: round;
  stroke-linecap: round;
  pointer-events: none;
}

.s2-plot .kink-tick {
  stroke-width: 1.6;
  stroke-linecap: round;
}
.s2-plot .kink-tick.fires-right { stroke: var(--fires-right); }
.s2-plot .kink-tick.fires-left  { stroke: var(--fires-left); }

.s2-plot .kink-dot.fires-right { fill: var(--fires-right); }
.s2-plot .kink-dot.fires-left  { fill: var(--fires-left); }