/**
 * KrsKrt sticky "stacking sections" — standalone, universal.
 *
 * Paired with krskrt-sticky-sections.js, which tags each section wrapper with
 * `.mm-sticky-section` and sets a height-aware inline `top`. This runs on every
 * KrsKrt form frontend, independent of Magic Marker and the autozoom setting.
 *
 * Same class + guard as the Magic Marker central screen (central-screen.css), so
 * the two coexist idempotently on MM pages — no duplicate effect, no conflict.
 */

/* Each section sticks; the next slides over to cover it. `top` is overridden
   inline (height-aware) by the JS; this 0 is the flush-pin fallback. */
.mm-sticky-section {
	position: sticky;
	top: 0;
}

/* Measurement guard: while the JS reads geometry it adds body.mm-measuring-parts,
   so sticky is dropped and getBoundingClientRect returns true static positions
   (not pinned ones). Removed before the function returns → no paint flash. */
body.mm-measuring-parts .mm-sticky-section {
	position: static !important;
}