body {
	padding: 40px;
}

.tool-container {
	max-width:				450px;
}

.table {
	width:					25rem;
	display:				grid;
	grid-template-columns:	1fr 2fr;
}

.input-label {
	margin-top:				0;	
	margin-bottom:			0;
	text-align:				right;
	padding-right:			6px;
}

.output-label {
	text-align:				right;
	padding-right:			6px;
}

.button-container {
	display:				flex;
	justify-content:		center;		/* Align the div block to the right. */
	align-items:			flex-end;	/* Align buttons on bottom edge. */
	gap:					5px;		/* Optional: adds space between buttons */
	margin-bottom:			3px;
	margin-top:				10px;
}

.lookup-button {
	background:				var(--input-color);
}

.output-container {
	width:					25rem;
	display:				grid;
	grid-template-columns:	1fr 2fr;
}