/* Keep each heading and its status in its own layout box. Match the heading
   class so the site's existing heading-level script can still run. */
body.single-property #lep-property-main .lep-hero__identity-inner > :is(.rh_page__title, .lep-price),
body.single-property #lep-property-main .lep-hero__identity-inner > .lep-price > .rh_page__property_price,
body.single-property #lep-property-main .lep-hero__identity-inner > .lep-price > .rh_page__property_price > .status,
body.single-property .lers-page[data-lers-property] .lers-title-copy > :is(.lers-eyebrow, .lers-original-title),
body.single-property .lers-page[data-lers-property] .lers-original-title > .rh_page__title,
body.single-property .rh_page__head.rh_page__property > :is(.rh_page__property_title, .rh_page__property_price),
body.single-property .rh_page__head.rh_page__property > .rh_page__property_title > .rh_page__title,
body.single-property .rh_page__head.rh_page__property > .rh_page__property_price > .status {
	position: static !important;
	float: none !important;
	transform: none !important;
	min-inline-size: 0;
	overflow-wrap: anywhere;
	white-space: normal;
}

/* The native RealHomes header has two direct children. Give the title the
   available width and put status and price on their own row on small screens. */
body.single-property .rh_page__head.rh_page__property:has(> .rh_page__property_title:first-child + .rh_page__property_price:last-child) {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	row-gap: .75rem;
}

body.single-property .rh_page__head.rh_page__property > .rh_page__property_price {
	max-inline-size: 100%;
}

@media (min-width: 768px) {
	body.single-property .rh_page__head.rh_page__property:has(> .rh_page__property_title:first-child + .rh_page__property_price:last-child) {
		grid-template-columns: minmax(0, 1fr) fit-content(33%);
		column-gap: 1.25rem;
	}
}