Template:Infobox/styles.css

.infobox {
	background: var(--background-color-neutral-subtle, #DEDEDE);
    border: 1px solid var(--border-color-base, #a2a9b1);
    color: var(--color-base, black);
	padding: 0.2em;
	font-size: 88%;
	line-height: 1.5em;
	border-spacing: 3px;
	margin: 0.5em 0;
}

@media screen {
	.infobox {
		background-color: var(--background-color-neutral-subtle, #f8f9fa);
    }
}

@media (max-width: 640px) {
	.infobox {
		width: 100%;
	}
    
	.infobox .nowrap {
		white-space: normal;
	}
}

@media (min-width: 640px) {
	.infobox {
		/* @noflip */
		margin-left: 1em;
		/* @noflip */
		float: right;
		/* @noflip */
		clear: right;
		width: 22em;
	}
}

.infobox th,
.infobox td {
	/* @noflip */
	text-align: left;
	vertical-align: top;
}
.infobox th {
    font-weight: bold;
}
.infobox th:only-child {
    background:  var(--color-surface-3, rgba(24, 61, 98, 0.6));
}

.infobox caption {
	font-size: 125%;
	font-weight: bold;
	text-align: center;
	padding: 0.2em;
}

.infobox .plainlinks>ul {
    margin: 0;
}