/**
 * Title + subtitle — centered typographic block.
 * Pattern: title-sub-title
 *
 * Core constrained layout does not always cap width (e.g. root / some parents);
 * mirror theme content width explicitly via layout CSS variables from theme.json.
 */

.wp-site-blocks .bnb-title-sub-title,
.editor-styles-wrapper .bnb-title-sub-title {
	text-align: center;
	box-sizing: border-box;
	width: 100%;
	max-width: var(--wp--style--global--content-size, 1280px);
	margin-left: auto;
	margin-right: auto;
}

.wp-site-blocks .bnb-title-sub-title__title,
.editor-styles-wrapper .bnb-title-sub-title__title {
	font-size: 26px !important;
	font-weight: 700 !important;
	color: #464646 !important;
	margin: 0 0 10px 0 !important;
	line-height: 1.2;
}

.wp-site-blocks .bnb-title-sub-title__subtitle,
.editor-styles-wrapper .bnb-title-sub-title__subtitle {
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #464646 !important;
	margin: 0 !important;
	line-height: 1.5;
}

@media (max-width: 500px) {
	.wp-site-blocks .bnb-title-sub-title__title,
	.editor-styles-wrapper .bnb-title-sub-title__title {
		font-size: 22px !important;
	}
}