Template:WMF Section header/styles.css

#wmf-section-header {
	padding: 2% 0;
	background-color: #F1F3F5;
	width: 100%;
}

@media screen {
	html.skin-theme-clientpref-night #wmf-section-header {
		background-color: var( --background-color-interactive,#27292d);
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os #wmf-section-header {
		background-color: var( --background-color-interactive,#27292d);
	}
}

#wmf-section-header-left {
	padding-left: 5%;
	padding-right: 5%;
}

.wmf-section-header-title {
	font-family: 'Linux Libertine', 'Georgia', 'Times', 'Source Serif Pro', serif;
	font-size: 1.5rem;
	line-height: 150%;
}

.wmf-section-header-heading {
	all: unset;
	font-family: 'Helvetica Neue', 'Helvetica', 'Liberation Sans', 'Arial', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 2.8vw;
	line-height: 125%;
}

#wmf-section-header-left-more {
	margin-top: 8%;
}

#wmf-section-header-left-more a {
	background-color: #3A25FF;
	color: #fff;
	text-decoration: none;
	padding: 0.8em;
	font-weight: bold;
}

#wmf-section-header-right-img {
	align-items: center;
	justify-content: flex-end;
	padding-right: 5%
}