.unit { font-weight: bold; }
.solution-card { display: none; }

.variable {
	max-width: 75px;
	padding: 2px 4px;
	text-align: right;
	margin-top: -2px;
}

.card-header.bg-dark button.btn.btn-link {
	color: #ffffff;
	text-decoration: none;
}

.symbol {
	font-size: 1.75em;
	display: inline-block;
	width: 50px;
	text-align: left;
}





.equation {
	font-size: 1.5em; 
}

.equation-left, .equation-right { display: inline-block; }

.equation-right .equation-top {
	border-bottom: 1px solid #000000;
	padding-bottom: 2px;
	text-align: center;
}

.equation-right .equation-bottom {
	display: block;
	text-align: center;
}

.equation-middle-v { position: relative;
	top: -1em;
}


.equation-legend { font-size: 0.9em; }

.equation-legend .item {
	display: inline-block;
	width: 25px;
	font-size: 1.25em;
}