Template:Non-free use rationale/styles.css

.rationale {
	width: 100%;
	font-size: 16px;
}

.rationale th,
.rationale td {
	padding: 0.5em;
	box-sizing: border-box;
}

.rationale .head th {
	text-align: center;
}

.rationale .body th {
	width: 15%;
	background-color: #ccf;
	text-align: right;
}

.rationale .head div:not(.heading),
.rationale .body {
	font-size: 0.875em;
}

.rationale .foot {
	display: none;
}

.rationale .hint {
	font-size: 0.875em;
}

.rationale .spanning {
	background-color: #d8e0ff;
	vertical-align: middle;
}

@media only screen and (max-width: 600px) {
	.rationale,
	.rationale tbody,
	.rationale tr,
	.rationale th,
	.rationale td {
		display: block;
	}

	.rationale .body th {
		width: 100%;
		text-align: center;
	}
}