Wikipedia:Good articles/Summary/styles.css

/* {{pp|small=y}} */
.wp-ga-summary-description,
.wp-ga-summary-nav {
	padding: 1em;
	border: 1px solid #107020;
	background-color: #F0FFEA;
	color: inherit;
	margin-bottom: 2px;
}

.wp-ga-summary-description-header {
	font-size: 16pt;
	margin: 1em 0;
}

.wp-ga-summary-recent {
	padding: 0.2em 1em;
	border: 1px solid #107020;
	background-color: #F0FFEA;
	color: inherit;
	margin-bottom: 2px;
}

.wp-ga-summary-topics {
	padding: 0.2em 1em;
	border: 1px solid #107020;
	background-color: #D8FFD8;
	color: inherit;
	text-align: center;
	font-weight: bold;
}

.wp-ga-summary-all {
	border-bottom: 1px solid #c8ccd1;
}

.wp-ga-summary-topics-list {
	margin-left: 0; /* unset default margin */
}

.wp-ga-summary-topics-list > li {
	margin-bottom: 1em;
	list-style: none;
}

.wp-ga-summary-topics-list ul {
	font-weight: normal;
}

@media (min-width: 720px) {
	.wp-ga-summary-top {
		display: flex;
	}

	.wp-ga-summary-description {
		width: 70%;
		margin-right: 2px;
	}
	
	.wp-ga-summary-nav {
		width: 30%;
	}
}

html.skin-theme-clientpref-night .wp-ga-summary-description {
	background-color: #0E2E00;
}

html.skin-theme-clientpref-night .wp-ga-summary-nav {
	background-color: #0E2E00;
}

html.skin-theme-clientpref-night .wp-ga-summary-recent {
	background-color: #0E2E00;
}

html.skin-theme-clientpref-night .wp-ga-summary-topics {
	background-color: #003800;
}

@media screen and (prefers-color-scheme: dark) {
	/* automatic mode */
	html.skin-theme-clientpref-night .wp-ga-summary-description {
		background-color: #0E2E00;
	}
	
	html.skin-theme-clientpref-os .wp-ga-summary-nav {
		background-color: #0E2E00;
	}
	
	html.skin-theme-clientpref-os .wp-ga-summary-recent {
		background-color: #0E2E00;
	}
	
	html.skin-theme-clientpref-os .wp-ga-summary-topics {
		background-color: #003800;
	}
}