/* The static build wrapped every .case-study-scroll-item in a shared
   .case-studies-scroll container just for this max-width/centering. Each
   Sticky Column Item is now its own top-level block (no shared wrapper —
   that's what lets editors add/remove/reorder them freely), so give each
   item the same constraint individually. */
.case-study-scroll-item {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

/* Editor-only: block previews for the custom Liftman blocks shouldn't run
   the scroll-reveal / sticky-position tricks meant for the live site. */
.liftman-block-editor-preview.reveal-heading,
.liftman-block-editor-preview .reveal-heading {
	opacity: 1;
	transform: none;
}

.editor-styles-wrapper .case-study-scroll-title {
	position: static;
}

/* Editor-only: the global h2 rule starts every h2 at opacity 0 and relies
   on main.js (front end only) to add .is-visible on scroll — without this,
   core Heading blocks set to H2 are invisible in the editor. */
.editor-styles-wrapper h2 {
	opacity: 1;
	transform: none;
}

/* Editor-only: keep the Container block's own max-width (and let its
   children fill it) regardless of any default max-width the editor
   applies to .wp-block elements. */
.editor-styles-wrapper .wp-block.liftman-container {
	max-width: var(--liftman-container-width);
}

.editor-styles-wrapper .liftman-container > .wp-block {
	max-width: none;
}