/*
 * Storage and stability.
 *
 * Kept on the page at Michael's request: handling information, not biology. His reasoning was
 * that leaving it off gives a customer an opening after they ruin a vial in a hot car.
 */

.akem-storage {
	margin-block: var(--akem-space-5);
}

.akem-storage__title {
	font-size: var(--akem-size-micro);
	letter-spacing: var(--akem-tracking-micro);
	text-transform: uppercase;
	color: var(--akem-grey);
	font-weight: 500;
	margin: 0 0 var(--akem-space-3);
}

.akem-storage__cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: var(--akem-space-3);
}

.akem-storage__card {
	display: flex;
	flex-direction: column;
	gap: var(--akem-space-1);
	padding: var(--akem-space-3);
	background: var(--akem-canvas);
	border-radius: var(--akem-radius);
}

.akem-storage__label {
	font-size: var(--akem-size-micro);
	letter-spacing: var(--akem-tracking-micro);
	text-transform: uppercase;
	color: var(--akem-grey);
}

.akem-storage__value {
	font-size: var(--akem-size-body);
}