#mp-topbanner {

	box-sizing: border-box;

	border-color: #ddd;

	background-color: #f9f9f9;

}



.mp-bordered,

.mp-h2,

body.skin-timeless .mp-h2 { /* Timeless needs a higher specificity */

	border-width: 1px;

	border-style: solid;

}



#mp-topbanner,

.mp-h2,

#mp-left {

	color: #000;

}



#mp-welcomecount {

	margin: 0.4em;

	text-align: center;

}



#mp-welcome {

	font-size: 162%;

	padding: 0.1em;

}



#mp-welcome h1 {

	font-size: inherit;

	font-family: inherit;

	display: inline;

	border: none;

}



#mp-welcome h1::after { /* Timeless bottom border */

	content: none;

}



#mp-free {

	font-size: 95%;

}



#articlecount {

	font-size: 85%;

}



#mp-banner {

	margin-top: 4px;

	padding: 0.5em;

	background-color: #fffaf5;

	border-color: #f2e0ce;

}



.mp-h2,

body.skin-timeless .mp-h2 { /* Timeless needs a higher specificity */

	margin: 0.5em;

	padding: 0.2em 0.4em;

	font-size: 120%;

	font-weight: bold;

	font-family: inherit;

	/* Workaround MobileFrontend applying .in-block for no reason

	 * see [[phab:T300695]] */

	display: block;

}



h2.mp-h2::after { /* Remove borders in Timeless */

	border: none;

}



.mp-later {

	font-size: 85%;

	font-weight: normal;

}



#mp-upper {

	width: 100%;

	margin-top: 4px;

	margin-bottom: 0;

	border-spacing: 0;

	border-collapse: separate;

}



#mp-upper .mid-table {

	border-color: transparent;

}



#mp-left {

	width: 55%;

	border-color: #cef2e0;

	background: #f5fffa;

}



#mp-right {

	 width: 45%;

	 border-color: #cedff2;

	 background: #f5faff;

}



#mp-left,

#mp-right {

	 padding: 0;

	 vertical-align: top;

}



#mp-left .mp-h2 {

	background: #cef2e0;

	border-color: #a3bfb1;

}



#mp-right .mp-h2 {

	background: #cedff2;

	border-color: #a3b0bf;

}



#mp-tfa,

#mp-dyk,

#mp-itn,

#mp-otd,

#mp-other-lower > div {

	padding: 0.1em 0.6em;

}



#mp-dyk-h2,

#mp-otd-h2 {

	clear: both;

}



#mp-middle {

	margin-top: 4px;

	border-color: #f2cedd;

	background: #fff5fa;

}



#mp-middle,

#mp-lower,

#mp-other-lower {

	overflow: auto;

}



#mp-tfl-h2 {

	background: #f2cedd;

	border-color: #bfa3af;

}



#mp-tfl {

	padding: 0.3em 0.7em;

}



#mp-lower {

	margin-top: 4px;

	border-color: #ddcef2;

	background: #faf5ff;

}



#mp-tfp-h2 {

	background: #ddcef2;

	border-color: #afa3bf;

}



#mp-tfp {

	 margin: 0.1em 0.4em 0.6em;

}



#mp-other-lower {

	padding: 0;

	border-color: #e2e2e2;

	margin-top: 4px;

}



#mp-dyk,

#mp-otd,

#mp-other-lower {

	padding-bottom: 0.5em;

}



#mp-other-lower .mp-h2 {

	background: #eee;

	border-color: #ddd;

	color: #222;

}



@media (max-width: 875px) {

	body.skin--responsive table,

	body.skin--responsive tr,

	body.skin--responsive td,

	body.skin--responsive tbody {

		display: block !important;

		width: 100% !important;

		box-sizing: border-box;

	}



	body.skin--responsive #mp-tfp tr:first-child td:first-child a {

		text-align: center;

		display: table;

		margin: 0 auto;

	}

}



/* https://phabricator.wikimedia.org/T293232 - Minerva doesn't have this style. */

div.hlist.inline ul,

div.hlist.inline li,

div.hlist.inline {

    display: inline;

}