/**
 * Eyebrow / kicker structure for core/heading.
 *
 * Brand look lives in the theme (`assets/styles/core-heading.css`).
 * This file only ensures spans stack and the editor ::before preview exists.
 */

.wp-block-heading.has-eyebrow .heading-eyebrow,
.wp-block-heading.has-eyebrow .heading-text {
	display: block;
}

/* Editor canvas preview (attribute set by heading-eyebrow.js). */
.editor-styles-wrapper .wp-block-heading.has-eyebrow[data-heading-eyebrow]::before,
.block-editor-block-list__block.wp-block-heading.has-eyebrow[data-heading-eyebrow]::before {
	content: attr(data-heading-eyebrow);
	display: block;
}