/* The local connections use the shared keyboard, touch-pin and Show diagram
   behavior. Only the named mathematical terms / rendered marks are emphasized. */
html.ra-on body {
  --ra-c-ctx-p: #a16f0d;
  --ra-c-ctx-noise: #28699c;
  --ra-c-ctx-tls: #8060a7;
  --ra-c-ctx-query: #8060a7;
  --ra-c-ctx-full-mass: #a16f0d;
  --ra-c-ctx-tail-mass: #a16f0d;
  --ra-c-ctx-squares: #28699c;
  --ra-c-ctx-participation: #8060a7;
  --ra-c-ctx-tail-participation: #8060a7;
  --ra-c-ctx-match-loss: #b3484a;
  --ra-c-ctx-match-rate: #28699c;
  --ra-c-ctx-anchor: #367d51;
  --ra-c-ctx-kernel-zero: #687587;
  --ra-c-ctx-fresh-edge: #a16f0d;
  --ra-c-ctx-reuse-edge: #28699c;
}
@media screen {
  html.ra-on [data-ra-hot="ctx-fresh-edge"] #streamFreshMarker,
  html.ra-on [data-ra-hot="ctx-reuse-edge"] #streamReuseMarker {
    outline: 3px solid currentColor;
    outline-offset: 4px;
  }
  html.ra-on [data-ra-hot="ctx-fresh-edge"] #streamFreshMarker > span,
  html.ra-on [data-ra-hot="ctx-reuse-edge"] #streamReuseMarker > span {
    background: var(--ra-accent-soft, #edf3fa);
    border-radius: 4px;
  }
  html.ra-on [data-ra-hot="ctx-kernel-zero"] #kernelZeroLine {
    stroke: #687587;
    stroke-width: 4px;
  }
  html.ra-on [data-ra-hot="ctx-participation"] [data-series="ctx-participation"],
  html.ra-on [data-ra-hot="ctx-squares"] [data-series="ctx-squares"],
  html.ra-on [data-ra-hot="ctx-full-mass"] [data-series="ctx-full-mass"],
  html.ra-on [data-ra-hot="ctx-tail-mass"] [data-series="ctx-tail-mass"],
  html.ra-on [data-ra-hot="ctx-tail-participation"] [data-series="ctx-tail-participation"] {
    outline: 2px solid var(--ra-accent, #28699c);
    outline-offset: 3px;
    border-radius: 2px;
  }
}