@use '../abstracts' as *;

.readings-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: $spacing-lg;
	width: 100%;
}

.reading-box {
	background: $color-reading-box;
	padding: $spacing-lg;
	border-radius: $radius-lg;
	text-align: center;

	.label {
		font-size: $font-xs;
		color: #666;
		letter-spacing: 0.0625rem;
		text-transform: uppercase;
		margin-bottom: $spacing-xs;
	}

	.val {
		font-size: 1.1rem;
		font-weight: $weight-bold;
	}
}