/* Structural fixes for the migrated canvases, paired with inc/canvas-mobile.php.
   The per-element overrides (widths, stacking, spacers, gallery columns) are
   generated per page from the canvas itself; these are the rules that are the
   same everywhere. */

/* A migrated canvas nests its own section + container inside the template's,
   so the page gutter was applied twice: 279px of content on a 375px phone
   instead of 327px, and 56px lost again on anything under 1261px. Field-built
   pages never had the second wrapper, which is why they looked wider. */
.brxe-post-content .brxe-section > .brxe-container { max-width: 100%; }

/* Embedded video, pasted into a legacy text block as the usual
   padding-top:56.25% wrapper. The wrapper has no intrinsic width, and the
   column it sits in is a flex box with align-items:flex-start, so it collapsed
   to zero: four pages carried a Vimeo film nobody could see, at any width.
   (phyllis-shafer-artist-interview-2025, linda-infante-lyons-interview-2025,
   confluence-phyllis-shafer-and-ahren-hertel, linda-infante-lyons) */
.brxe-post-content .brxe-text:has(iframe) { width: 100%; }

@media (max-width: 767px) {
	/* Legacy statements carry long unbroken strings (URLs, pasted filenames). */
	.brxe-post-content .brxe-text { overflow-wrap: break-word; }
}