/* Section Header CMS object. Dynamic, editor-selected colors remain inline as custom properties. */
.section-header {
    color: var(--section-header-subheading, var(--site-color-text));
    background: var(--section-header-background, var(--site-color-background));
}

.section-header__heading { color: var(--section-header-heading, var(--site-color-heading)); }
.section-header__subheading { max-width: var(--site-content-width-narrow); color: var(--section-header-subheading, var(--site-color-text-muted)); }
.section-header__heading:empty, .section-header__subheading:empty { display: none; }

.cms-section-header-preview { width: min(100%, var(--site-content-width)); }
.cms-existing-section-headers { width: min(100%, var(--site-content-width)); }

/* Bootstrap display-5 normally scales from the browser viewport. Use the simulated viewport for tablet and mobile previews. */
.cms-preview-shell[data-preview-viewport="tablet"] .cms-section-header-preview .section-header__heading,
.cms-preview-shell[data-preview-viewport="mobile"] .cms-section-header-preview .section-header__heading {
    font-size: calc(1.425rem + 2.1cqw);
}