/* TEXT MARKDOWN */

.uictrl_TextMarkdown {
	max-width: 8.5in;
	width: 100%;
	box-sizing: border-box;

	font-family: var(--typeface_Default);
	font-size: 12pt;
}

.uictrl_TextMarkdown p:not(:last-child) {
	margin: 0 0 1em 0;
	line-height: 1.5;
}

.uictrl_TextMarkdown p:last-child {
	margin: 0;
	line-height: 1.5;
}

.uictrl_TextMarkdown ul:has(input[type="checkbox"]) {
	list-style-type: none;
	text-indent: -1.5em;
}

.uictrl_TextMarkdown li {
	margin: 0.4em 0 0 0;
}

.uictrl_TextMarkdown p {
	margin: 0 0 1em 0;
	line-height: 1.5;
}

.uictrl_TextMarkdown td {
	font-size: 11pt;
}

.uictrl_TextMarkdown h1 {

	line-height: 48pt;
	font-family: var(--typeface_Heading);
	font-size: 32pt;
	font-weight: bold;

	page-break-after: avoid;
}

.uictrl_TextMarkdown h1:not(:first-child) {
	break-before: page;
}

.uictrl_TextMarkdown h1:first-child {
	margin: 0 0 0.5em 0;
}

.uictrl_TextMarkdown h1:not(:first-child) {
	margin: 1em 0 0.5em 0;
}

.uictrl_TextMarkdown h2 {
	margin: 0.9em 0 0.5em 0;

	line-height: 32pt;
	font-family: var(--typeface_Heading);
	font-size: 24pt;
	font-weight: bold;

	border-bottom: 1px solid #c0c0c0;

	page-break-after: avoid;
}

.uictrl_TextMarkdown h3 {
	margin: 0.8em 0 0.4em 0;

	line-height: 24pt;
	font-family: var(--typeface_Heading);
	font-size: 20pt;
	font-weight: bold;

	page-break-after: avoid;
}

.uictrl_TextMarkdown h4 {
	margin: 0.8em 0 0.4em 0;

	line-height: 24pt;
	font-family: var(--typeface_Heading);
	font-size: 16pt;
	font-weight: bold;

	page-break-after: avoid;
}

.uictrl_TextMarkdown h5 {
	margin: 0.7em 0 0.2em 0;

	line-height: 24pt;
	font-family: var(--typeface_Heading);
	font-size: 13pt;
	font-weight: normal;

	text-transform: uppercase;

	page-break-after: avoid;
}

.uictrl_TextMarkdown h6 {
	margin: 0.7em 0 0.2em 0;

	line-height: 24pt;
	font-family: var(--typeface_Heading);
	font-size: 12pt;
	font-weight: normal;

	text-transform: uppercase;

	page-break-after: avoid;
}

.uictrl_TextMarkdown blockquote {
	margin: 0 1.5em 1em 1.5em;
	padding: 12px 12px 12px 12px;

	background-color: var(--color_Light);
	border-radius: 3px;
	border: solid 1px var(--color_Highlight);
}

.uictrl_TextMarkdown pre {
	margin: 0 0 1em 0;
	padding: 12px 12px 12px 12px;

	color: #333a40;
	background-color: var(--color_Grayscale_20);
	border-radius: 3px;

	tab-size: 4;
	overflow-x: auto;
	overflow-y: hidden;

	font-family: var(--typeface_Code);
	font-size: 10pt;
}

.uictrl_TextMarkdown code {
	font-family: var(--typeface_Code);
	font-size: 10pt;

	page-break-inside: avoid;
}

.uictrl_TextMarkdown table {
	width: 100%;
	text-align: left;
	border: solid 1px var(--color_Grayscale_20);

	page-break-inside: avoid;
}

.uictrl_TextMarkdown th {
	padding: 4px 8px 4px 8px;
	background-color: var(--color_Grayscale_20);

	page-break-after: avoid;
}

.uictrl_TextMarkdown td {
	padding: 4px 8px 4px 8px;
}

:not(pre) > code {
	padding: 1px 4px 0 4px;
	border-radius: 2px;
	color: #333a40;
	background-color: var(--color_Grayscale_20);
}

@media (max-width: 768px) {

	.uictrl_TextMarkdown h1 {
		font-size: 24pt;
		line-height: 36pt;
	}

	.uictrl_TextMarkdown h2 {
		font-size: 20pt;
		line-height: 28pt;
	}

	.uictrl_TextMarkdown h3 {
		font-size: 18pt;
		line-height: 24pt;
	}

	.uictrl_TextMarkdown h4 {
		font-size: 14pt;
		line-height: 20pt;
	}

	.uictrl_TextMarkdown h5,
	.uictrl_TextMarkdown h6 {
		font-size: 12pt;
		line-height: 16pt;
	}

	.uictrl_TextMarkdown {
		font-size: 11pt;
		padding: 0 12px;
	}

	.uictrl_TextMarkdown pre,
	.uictrl_TextMarkdown code {
		font-size: 10pt;
	}
}