.summary {
	display: grid;
	gap: calc(4 * var(--spacing));
	margin-bottom: calc(6 * var(--spacing));

	dt {
		font-size: var(--text-xs);
	}

	dd {
		font-size: var(--text-xl);
	}
}

.summary-item {
	display: flex;
	align-items: center;
	padding: calc(4 * var(--spacing));
}

.summary-image {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(10 * var(--spacing));
	height: calc(10 * var(--spacing));
	margin-right: calc(3 * var(--spacing));
	border-radius: var(--radius-lg);

	> img {
		width: calc(5 * var(--spacing));
		height: calc(5 * var(--spacing));
	}
}