/*
 * Headings that were demoted from <h3> to <h2> purely for document outline
 * (H1 must be followed by H2) carry the class "bh-h3-style". The Lay
 * "Mobile CSS" option (Customizer > Custom CSS) styles some headings by tag
 * — `h3 { padding }`, `h3._H3 { text-align }` and `> h2 span { 28px }` —
 * so mirror the h3 rules here and undo the h2-only one, keeping these
 * headings pixel-identical to how they looked as <h3>.
 */
@media (max-width: 960px) {
	h2.bh-h3-style {
		padding: 15px 0 !important;
	}
	h2._H3.bh-h3-style {
		text-align: center !important;
	}
	.lay-textformat-parent > h2._H3.bh-h3-style span {
		font-size: 30px !important;
	}
	.lay-textformat-parent > h2.bh-h3-style:not(._H3) span {
		font-size: inherit !important;
	}
}