Module:Bar/sandbox/styles.css

.barbox {
	overflow-x: auto;
	padding: 0.4em 0
}
.barbox > table {
	border-spacing: 0.8em 0;
	font-size: 88%;
	text-align: left;
	width: 100%
}

.barbox caption {
	font-weight: bold;
	margin: 0 0.4em;
	text-align: center /* not default in MinervaNeue */
}

.barbox th, .barbox td:not(.bb-b) {
	padding-left: 0;
	padding-right: 0
}

.bb-default {
	line-height: 1.6
}

.bb-c {
	text-align: center
}
.bb-r {
	text-align: right
}

.bb-min3 {
	min-width: 3em
}
.bb-min8 {
	min-width: 8em
}

.bb-b {
	border-left: 1px solid silver;
	border-right: 1px solid silver
}
.bb-b > div {
	float: left;
	overflow: hidden
}
.bb-b > div::after {
	content: "\200B";
}