Template:Centered headers/styles.css

#bodyContent h2,
#bodyContent h3 {
	flex: 0 1 auto;
	padding: 0 15px 0 15px;
	text-align: center;
}

#bodyContent h2 .mw-headline,
#bodyContent h3 .mw-headline {
	font-weight: bold;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	gap: var(--space-md);
}

#bodyContent h2 .mw-editsection,
#bodyContent h3 .mw-editsection {
	display: none;
}

#bodyContent h2 .mw-headline {
	font-size: var(--font-size-xxx-large);
}

#bodyContent h3 .mw-headline {
	font-size: var(--font-size-xx-large);
}

#bodyContent h2 .mw-headline::before,
#bodyContent h3 .mw-headline::before,
#bodyContent h2 .mw-headline::after,
#bodyContent h3 .mw-headline::after {
	content: '';
	height: 1px;
	flex: 1 1 100px;
	background: var(--color-base--emphasized);
}