* {
	box-sizing: border-box;
}

body {
	--grid-w: 45px;
	--mult: 1;
}

.pack {
	display: flex;
	flex-wrap: wrap;
	max-width: 100%;
	margin-bottom: 2mm;
}

.col {
	margin: 2mm 4mm 0 0;
}

.grid {
	outline: 1px solid gray;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	width: calc(var(--grid-w) * var(--mult));
}

.x, .d, .e {
	width: calc(var(--grid-w) * var(--mult) / 3);
	height: calc(var(--grid-w) * var(--mult) / 3);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.x::after {
	content: "";
	display: block;
	width: 2mm;
	height: 2mm;
	background-image: url('center.svg');
	background-size: 100% 100%;
}

.d::after {
	display: block;
	content: "";
	background-color: red;
	width: 2mm;
	height: 2mm;
	border-radius: 50%;
}

.v2 .d::after {
	background-color: blue;
}

.hash {
	font-size: .75em;
	text-align: center;
	width: 100%;
	margin-bottom: 2px;
}

.hash.name {
	font-size: .65em;
}

#map {
	width: 100%;
}

.unpaired .hash {
	font-weight: bold;
}

.left .hash {
	text-align: left;
}

.right .hash {
	text-align: right;
}

.filtered {
	display: none;
}

.foot {
	width: 100%;
	min-width: 100%;
	margin-top: 2mm;
}

/* COREL */
.corel {
	--grid-w: 14mm;
	--mult: 0.9575;
	--canvas-w: 253.5mm;
	max-width: calc(var(--canvas-w) * var(--mult));
}

.corel .col {
	margin: calc(11.5mm * var(--mult) / 2 - 1px);
}

.corel .grid {
	outline: none;
}

.corel .piececont {
	display: flex;
	flex-direction: column;
}

.corel-cards {
	--grid-w: 35mm;
	--canvas-w: 446.5mm;
}

.corel-cards .d::after {
	width: 4.5mm;
	height: 4.5mm;
}

.corel-cards .x::after {
	width: 4.5mm;
	height: 4.5mm;
}

.corel-cards .col {
	margin: 0;
}

.card {
	--width: 220px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3mm;
	height: calc(81mm * 1.0525);
	width: calc(61mm * 0.9375);
}

.card.rev {
	flex-direction: column-reverse;
}

@media print {
	* {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	.noprint, h1, nav, .foot {
		display: none;
	}

}