/* The existing pad-stage keeps its reserved height; these plots scroll inside. */
.pad-stage:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.stick-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.65rem; }
.stick-panel { min-width: 0; padding: 0.5rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper); }
.stick-panel .pad-sec { margin: 0 0 0.3rem; letter-spacing: 0.05em; }
.stick-chart { width: 100%; height: auto; max-height: 13rem; display: block; color: var(--ink); }
.stick-chart [hidden] { display: none; }
.stick-axis, .stick-unit, .stick-noise, .stick-bound, .stick-trail, .stick-sweep { fill: none; vector-effect: non-scaling-stroke; }
.stick-axis { stroke: var(--line-strong); stroke-width: 1; }
.stick-unit { stroke: var(--ink-soft); stroke-width: 1; }
.stick-noise { stroke: var(--ink-soft); stroke-width: 1.5; stroke-dasharray: 4 3; }
.stick-bound { stroke: var(--ink); stroke-width: 1.5; stroke-dasharray: 1 4; }
.stick-sweep { stroke: var(--ink); stroke-width: 2; }
.stick-trail { stroke: var(--accent); stroke-width: 2; }
.stick-dot { fill: var(--accent); stroke: var(--paper); stroke-width: 0.01; }
.stick-position { margin: 0.25rem 0; font: 0.75rem var(--mono); color: var(--ink); }
.stick-note, .stick-legend { margin: 0.3rem 0; font-size: 0.76rem; line-height: 1.4; color: var(--ink-soft); overflow-wrap: anywhere; }
#stick-plots { margin-bottom: 0.6rem; }
#stick-plots [hidden] { display: none; }
#trig-rows .ax-track { height: 1.15rem; border-radius: 3px; background: var(--panel); }
#trig-rows .ax-fill { background: var(--accent); border-right: 2px solid var(--ink); }
#trig-rows .ax-peak { font-variant-numeric: tabular-nums; }
/* At narrow widths the peak needs its own line; its text and the live
   value must not force a horizontal scrollbar inside the fixed stage. */
@media (max-width: 640px) {
  #trig-rows .axis-row { display: grid; grid-template-columns: 4.2rem minmax(0, 1fr) 2.9rem; gap: 0.2rem 0.7rem; }
  #trig-rows .ax-track { min-width: 0; }
  #trig-rows .ax-peak { grid-column: 2 / 4; }
}
@media (max-width: 380px) { .stick-grid { gap: 0.4rem; } .stick-panel { padding: 0.35rem; } .stick-position { font-size: 0.68rem; } }
@media (prefers-reduced-motion: reduce) { .stick-trail { display: none; } }
@media (forced-colors: active) {
  .stick-chart { forced-color-adjust: none; }
  .stick-axis, .stick-unit { stroke: GrayText; }
  .stick-noise, .stick-bound, .stick-sweep { stroke: CanvasText; }
  .stick-trail { stroke: Highlight; }
  .stick-dot { fill: Highlight; stroke: Canvas; }
  #trig-rows .ax-fill { background: Highlight; border-color: CanvasText; }
}