.print-only {
	display: none;
}

.page-container {
	/* user setting */
	--min-column-size: 210mm;
	--column-count: 2;
	--gap: 4rem;

	/* calculations */
	--breakpoint: calc(var(--min-column-size) * var(--column-count));
	--column-size: calc((100% / var(--column-count)));

	display: grid;
	gap: var(--gap) 0;

	grid-template-columns: repeat(
		auto-fit,
		minmax(min(max(var(--column-size), (100% - var(--breakpoint)) * -999), 100%), 1fr)
	);

	max-width: calc(var(--min-column-size) * var(--column-count) + var(--gap) * 2);

	margin-inline: auto;
	padding: var(--gap);
	filter: drop-shadow(0 0 5rem rgb(0 0 0 / 0.5));
}

.page {
	position: relative;
	overflow: hidden;
}

.page::before {
	content: "";
	z-index: 99;
	position: absolute;
	height: 100%;
	width: 10rem;
	right: -10rem;
	box-shadow: 0 0 2rem -0.01rem black;
	background-color: transparent;
}

.page:nth-of-type(2n)::before {
	left: -10rem;
}