:root {
	--pdf-font: var(--font-text);
	--pdf-font-size: 14px;
	--pdf-theme-color: var(--text-normal);
}

@page {
	size: A4;
	margin: 2cm;
}

/* preview container */

.pdf-export {
	font-family: var(--pdf-font) !important;
	font-size: var(--pdf-font-size) !important;
	color: var(--pdf-theme-color) !important;
}

/* modal layout */

.pdf-split-container {
	display: flex;
	gap: 20px;
	height: 500px;
}

.pdf-controls-pane {
	width: 260px;
}

.pdf-preview-pane {
	flex: 1;
	overflow: auto;
	border-left: 1px solid var(--background-modifier-border);
	padding-left: 20px;
}

.pdf-preview-container {
	padding: 20px;
	background: var(--background-primary);
	border-radius: 6px;
}

/* figure callout */

.callout[data-callout="figure"] {
	background: transparent;
	border: none;
	text-align: center;
}

.callout[data-callout="figure"] .callout-title {
	display: none;
}

.callout[data-callout="figure"] img {
	max-width: 100%;
	border-radius: 4px;
}

/* PRINT / PDF RULES */

@media print {

	body {
		font-family: var(--pdf-font) !important;
		font-size: var(--pdf-font-size) !important;
		color: var(--pdf-theme-color) !important;
	}

	.markdown-preview-view,
	.markdown-rendered {
		overflow: visible !important;
		max-width: 100% !important;
	}

	/* footnotes */

	sup.footnote-ref {
		font-size: 0.8em;
		vertical-align: baseline;
	}

	.footnotes {
		font-size: 0.9em;
		border-top: 1px solid var(--background-modifier-border);
		margin-top: 2em;
		padding-top: 1em;
	}

	/* tables */

	table {
		width: 100% !important;
		max-width: 100% !important;
		table-layout: fixed !important;
		border-collapse: collapse !important;
		margin: 1em 0;
	}

	th,
	td {
		word-break: break-word;
		overflow-wrap: anywhere;
		white-space: normal !important;
		padding: 6px;
	}

	/* flatten sheet tables */

	.block-language-sheet {
		overflow: visible !important;
		max-height: none !important;
	}

	.block-language-sheet table {
		width: 100% !important;
		table-layout: fixed !important;
	}

	.block-language-sheet th,
	.block-language-sheet td {
		position: static !important;
		box-shadow: none !important;
	}
}