Template:Infobox/styles.css

@media (min-width: 720px) {
	.content .infobox {
		margin: 0.5em 0 1em 35px !important;
		max-width: 340px !important;
		width: auto !important;
		float: right !important;
		clear: right !important;
	}

	.hlist dl,
	.hlist ol,
	.hlist ul {
		margin: 0;
		padding: 0;
	}
}
.content .infobox {
	font-size: 90%;
	position: relative;
	border: 1px solid #eaecf0;
	background-color: #f8f9fa;
	display: flex;
	flex: 1 1 100%;
	flex-flow: column nowrap;
}
.infobox td, .infobox th {
	vertical-align: top;
	text-align: left;
}
.content .infobox th,
.content .infobox td {
	vertical-align: top;
	border: 0;
	border-bottom: 1px solid #eaecf0;
	padding: 7px 10px;
}
.content .infobox > tbody,
.content .infobox > caption {
	display: flex;
	flex-flow: column nowrap;
}
.content .infobox caption {
	padding: 10px 10px 0;
	text-align: center;
}
.infobox caption {
	font-size: 125%;
	font-weight: bold;
	text-align: center;
}
.content .infobox tbody > tr > td,
.content .infobox tbody > tr > th {
	flex: 1 0;
}
.content .infobox td:only-child,
.content .infobox th:only-child {
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.content .infobox > tbody > tr {
	min-width: 100%;
	display: flex;
	flex-flow: row nowrap;
}