/* Edge/Chromium rendering stability fixes (reduce flicker/jitter on test pages).
 *
 * Why:
 * - `theiaStickySidebar` uses `transform: translateY(...)` which can cause visible jitter in some browsers
 *   when combined with fixed headers/progress bars and frequent width updates.
 * - `transition: all` on the progress bar triggers unnecessary layout/paint work.
 *
 * Scope:
 * - Safe global overrides (no visual changes intended), with extra emphasis on `.test_start` pages.
 */

/* Progress bar: transition only what we animate, not "all". */
#timeview span {
  transition: width 500ms ease-in;
  will-change: width;
}

/* Fixed layers: force compositing to reduce repaint jitter. */
.fixed-top,
.time_ticker_top {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* Sticky sidebar (theiaStickySidebar) can jitter during scroll; hint compositor. */
.theiaStickySidebar {
  will-change: transform;
  backface-visibility: hidden;
}

/* Test taking pages: the right-side column is sticky; help stabilize it. */
body.test_start .test-nav-parent,
body.test_start .sticky-sidebar {
  transform: translateZ(0);
  backface-visibility: hidden;
}