/* Small compatibility layer. Layout, spacing and typography stay in Spectra attributes. */
.gdw-spectra-page .uagb-heading-text{margin:0}
.gdw-spectra-page .info-hero .gdw-actions{margin-top:0}
.gdw-spectra-page .info-visual{overflow:hidden;isolation:isolate}
/* Spectra's broad child selector sets position:relative and width:100%.
   Only this overlay needs to escape that rule; its text/style controls remain native. */
.gdw-spectra-page .info-visual>.info-photo-label{position:absolute!important;left:22px;right:auto;bottom:22px;width:fit-content!important;max-width:calc(100% - 44px)}
.gdw-spectra-page .gdw-sp-step>.step-number{flex:0 0 24px;width:24px}
.gdw-spectra-page .gdw-sp-step>.wp-block-uagb-container{flex:1;min-width:0}
.editor-styles-wrapper .gdw-spectra-page{padding-block:0}
/* Gutenberg adds an inner editing wrapper. Spectra applies its layout there;
   original theme grid/flex declarations must not also split the outer wrapper. */
.editor-styles-wrapper .gdw-spectra-page .wp-block-uagb-container{display:block}
.editor-styles-wrapper .gdw-spectra-page .info-visual .info-photo-label{position:absolute!important;left:22px;right:auto;bottom:22px;width:fit-content!important;max-width:calc(100% - 44px)}
/* Layout mode belongs to Spectra, including when an existing grid is changed to Flex. */
.gdw-spectra-page .wp-block-uagb-container.uagb-layout-flex{display:flex}
.gdw-spectra-page .wp-block-uagb-container.uagb-layout-grid{display:grid}
/* The editor's inner layout holds the columns; the outer block stays a single frame. */
.editor-styles-wrapper .gdw-spectra-page .wp-block-uagb-container{display:block}
/* Breadcrumb items keep their natural width so gaps and separators match the site. */
.gdw-spectra-page .gdw-spectra-breadcrumb .wp-block-uagb-advanced-heading{width:auto!important;flex:0 0 auto}

/* The editor inserts two wrappers between each numbered row and its children.
   Spectra's generic 100%-wide child rule otherwise lets the non-shrinking number
   consume the whole row, squeezing the text to one letter. Match that editor DOM. */
.editor-styles-wrapper .gdw-spectra-page .gdw-sp-step>.block-editor-inner-blocks>.block-editor-block-list__layout>.step-number{width:24px!important;max-width:24px!important;min-width:24px;flex:0 0 24px}
.editor-styles-wrapper .gdw-spectra-page .gdw-sp-step>.block-editor-inner-blocks>.block-editor-block-list__layout>.wp-block-uagb-container{width:auto!important;max-width:none!important;min-width:0;flex:1 1 0%}