@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Calistoga&family=Caprasimo&family=Corben:wght@400;700&family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=Young+Serif&display=swap");
body,
.published-container {
	--font-monospace-theme: "Courier Prime";
	--font-text-theme: "Fraunces";

	--code-size: var(--font-small);

	--line-height-normal: 1.33;
	--line-height-tight: 1.11;

	--link-external-decoration: none;
	--link-external-color: var(--ax1);

	--checkbox-size: var(--line-height-normal);
	--checkbox-top: 0px;
	--checkbox-left: 0px;
	--checkbox-right: 0px;
	--checkbox-bottom: 0px;
	--checkbox-margin: 0px;

	--ax1: #fcb8ce;
	--ax2: #abd7ff;
	--ax3: #ee639e;
	--text-normal: #f5ebf4;
	--background-primary: #2e2a41;
	--ui1: #484363;
	--ui2: #5c4474;
	--ui3: #8e73ac;
	--text-highlight-bg: rgb(from #6fa8dc r g b / 0.33);
	--text-selection: #fcb8ce;

	--color-red: #ee639e;
	--color-orange: #ffbabe;
	--color-yellow: #ffecc1;
	--color-green: #a8d47a;
	--color-green: #cefcb8;
	/* #e6f4f1; #cefcb8; #abd7ff;*/
	--color-cyan: #abd7ff;
	--color-blue: #6fa8dc;
	--color-purple: #8e73ac;
	--color-pink: #efb7d1;

	--h1-color: #fcb8ce;
	--h2-color: #f4bce1;
	--h3-color: #e5c2f1;
	--h4-color: #d3c9fc;
	--h5-color: #bed0ff;
	--h6-color: #abd7ff;

	--h1-font: "Caprasimo";
	--h1-size: 2rem;
	--h1-weight: var(--font-semibold);
	--h1-variant: small-caps;
	/*--h1-color: var(--color-trans-pink);*/

	--h2-font: "Corben";
	--h2-size: 1.25rem;
	--h2-weight: var(--font-bold);
	/*--h2-color: var(--color-trans-white);*/

	--h3-font: "Caprasimo";
	--h3-size: 1.33rem;
	--h3-weight: var(--font-normal);
	/*--h3-color: var(--color-trans-blue);*/

	--h4-font: "Young Serif";
	--h4-size: 1.11rem;
	--h4-weight: var(--font-semibold);
	/*--h4-color: var(--color-trans-pink);*/

	--h5-font: "Caprasimo";
	--h5-size: 1.11rem;
	--h5-weight: var(--font-normal);
	--h5-variant: small-caps;
	/*--h5-color: var(--color-trans-white);*/

	--h6-font: "Young Serif";
	--h6-size: 1rem;
	--h6-weight: var(--font-semibold);
	--h6-variant: small-caps;
	/*--h6-color: var(--color-trans-blue);*/

	& h5,
	& h6 {
		letter-spacing: 0.05vw;
	}
}

.published-container mark {
	color: var(--ax2) !important;
	color: transparent !important;
	/*background: none !important;*/
	filter: drop-shadow(0 0 3px var(--ax3));
	background-image: linear-gradient(to right, var(--ax1), var(--ax2), var(--ax1)) !important;
	background-clip: text;
}

.markdown-preview-view p code {
	color: var(--text-muted) !important;
	background: none !important;
	font: var(--font-semibold) 1rem "Courier Prime";
}

.external-link {
	background-image: none;
	padding-right: 0px;
	/*filter: drop-shadow(0 0 1vw hotpink);*/
}

/* hide hashtag */
@font-face {
	font-family: "Formular";
	src: url("data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAXMAA4AAAAACOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABHREVGAAAFZAAAABYAAAAWABMABkdQT1MAAAV8AAAAIAAAACBEdkx1R1NVQgAABZwAAAAvAAAAMCN+JIxPUy8yAAACDAAAAEcAAABgII84HWNtYXAAAAJUAAAAMQAAADwAOwB9Z2FzcAAABVwAAAAIAAAACP//AANnbHlmAAABRAAAACgAAAAoKX11F2hlYWQAAAGcAAAANgAAADYW4dEnaGhlYQAAAewAAAAgAAAAJA/2Cc9obXR4AAAB1AAAABgAAAAYDeYAd2xvY2EAAAGMAAAADQAAAA4APAA8bWF4cAAAAWwAAAAeAAAAIABLAEVuYW1lAAACiAAAAq4AAAXocAf8uHBvc3QAAAU4AAAAJAAAADNVXVC5AAIAdwAAA8MFtgADAAcAADMRIRElIREhdwNM/T8CNf3LBbb6SoEEtHjaY2BkYGBgY3BiYGYAASYgZmQAiTmA+QwACZIAkQAAeNpjYGAQQUAAAt4AeQAAAAABAAAAAgCDDlp/b18PPPUACwgAAAAAAM8sf4QAAAAA4KMGkP+m/lgITAc7AAAACAACAAAAAAAABDkAdwAAAAACqgAAAAAAAAI5AAAEygAAeNpjYGRgYLP8Z8l4krv//zIGBg4fBqAICmADAH24BNx42mNgZrnJOIGBlYGB1ZjlLAMDwywIzXSWIY0pC0gzIAFGBnTgwKDAoMxm+c+S8ST7XcY3CgwM08EKfzCdAlIKDEwAU4UM+QB42mNgYGBiYGBgBmIRIMkIplkYNIA0G5BmBMoqMCj//w/kg+n/T/4/AqsCAgCI4wiyAAAAeNqtUrtu1EAUvfZu3g/RISGERqJJpMReVkFityKJlBSRUEgRiXJsjx+s12ONZ9dxw5/QUFJS8QF8AZ9CS8Px7CRrIJEosOWZc1/nnrkeInrmFOTQ4nmHb4EdWoe1wC6tEbe4Ry8ptbjfyVmhHfpo8WrHv0Zv6bPF67RHPy3e6ODNTt8teuw8t3i7g3dozxlbvEtPnQBKnP4GrC/OB4sdeuQOLHZp131tcY/eu28s7ndyVuiJ+9Xi1Y5/jT653y1ep8uetnijgzc7fbfI632zeLuDd5D/w+JdetU/OZVlo7Ik1Wwv3GfDwYujQywjFjTsnDe8EOyEJxGvuIJxwK4bHqaiyvmcXWQqy0UxkR47znNmSCqmRCXUXETemVTTWc7VlUjabUHW5VpS3TGN2W3VuJUyuhaqymTBht5gMLzMBa8EGsRCMS2ZTgVbqq9EqNvUWCoTiWWhmVY8ElOuJoxrrbJgZlIKqbNQVN6/ni/Vuhz7fl3XXqBkXcTyxpMqOS4aNoOgOtOpnGlWCjXNKqM3q1ipZJoFmRaRLe+W+jkEFKHw6ZQkldSQoowS3GJNDLcwpH3sQxrQCzqiQ4tG8AXIZXSOu9/gK0jAOgFKKMJa4VM2coDItcEheAViOfAc3gv0avvl8BY0gQIP3mPYOfalkspYbaXAPscaIfMM+YqmNDN8iq7gT+6srrKHdN2n6m9NY3T/s9f4biojsLSqKtRIVLR+D5EB9kvDwo3uxQlik8twJmnW1ETum31bEwLdssZGwbImNn5tPAo9IninRtsEPg6vNnwBNC9ZCuytFZoTe//9/6Wmb4n5+Hhr83rQoBCrkdOqvoGnPUuCP12YWzSzE6rB1Z5PGs0MPMJMPUN8Od/M3IfScKbmhG1Veyd+7/5QVx96FxMozOr/AnWqLjEAAHjaY2BiAIP/DAxpDNgAGxAzMjAxMjEwM7Cx+IX6+AAAP3gCvAAAAAH//wACAAEAAAAMAAAAAAAAAAIAAQADAAUAAQAAAAEAAAAKABwAHgABREZMVAAIAAQAAAAA//8AAAAAAAB42mNgZGBg4GLQYdBjYHZx8wlhEEmuLMphkMtJLMljkGNgAcoy/P/PAAcArlkHTgA=")
		format("woff");
}
a.tag {
	--tag-border-width: 0px;
	background: none;
}
a.tag {
	font-family: "Formular", "Noto Emoji" !important;
	font-size: 1rem;
	font-weight: bold;
	padding: 0px 0px 0px 0px; /* even top and bottom padding */

	/* Uncomment the code below for a smooth hover animation */
	/* transition: 0.1s; */
}
a.tag:hover {
	/*padding: 5px 7px 5px 7px !important;*/
	font-family: "Noto Emoji", var(--font-text);
}
.markdown-source-view a.tag {
	font-family: "Noto Emoji";
}

.image-embed {
	outline: 0px dashed palevioletred;
	display: flex;
	flex-direction: column;
	&::after {
		outline: 0px dotted skyblue;
		display: flex-block;
		content: attr(alt);
		text-align: center;
		align-content: center;
		height: 1rem;
		width: 100%;
		font: smaller "Habibi";
	}
}

.math.math-block > * > * {
	outline: 0px dashed palevioletred !important;
	max-width: 100%;
	line-height: 1;
	white-space: pre-line;
}

.markdown-reading-view ul.contains-task-list {
	outline: 0px dashed thistle;
	& > li.task-list-item:has([data-heading]) {
		outline: 0px dashed indianred;
		--heading-spacing: 0rem;
		--p-spacing: 0;
		--line-height-normal: 1rem;
		--line-height-tight: 1rem;

		& > [data-heading] {
			outline: 0px dashed rebeccapurple;

			top: -1.1rem;
			margin-bottom: 0rem;

			display: flex-block;
			position: relative;
			height: 1rem;
			vertical-align: top;
			align-content: top;
			align-self: top;
		}
	}
}
/* ALL TASK LIST ELEMENTS */
li:has(> input[type="checkbox"]) {
	-webkit-mask-size: 100%;
	font-size: 1em;
	--checkbox-size: 1.5rem;
	--line-height: var(--checkbox-size);
	max-width: 100%;
	position: relative;
	padding-left: 1em;

	/* checkboxes */
	& > input[type="checkbox"] {
		/*border: 1px dotted yellow;*/
		height: var(--checkbox-size);
		width: var(--checkbox-size);
		border: 0;
		background: none;
		position: relative;
		vertical-align: middle;
		align-content: center;
		text-align: center;
		justify-content: center;
		-webkit-mask-image: unset;
		font-size: 100%;

		/* checkbox icon boxes */
		&::after {
			/* border: 1px dotted cyan;*/
			height: var(--checkbox-size);
			width: var(--checkbox-size);
			-webkit-mask-size: 80%;
			-webkit-mask-repeat: no-repeat;
			-webkit-mask-position: center;
			background: transparent;
			position: relative;
			vertical-align: middle;
			align-content: center;
			justify-content: center;
			text-align: center;
			/*display: inline;*/
		}
	}

	&.is-checked {
		&[data-task="N"] {
			& > input[type="checkbox"]:checked::after {
				background-color: var(--color-blue);
				-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20%20xmlns=%22http://www.w3.org/2000/svg%22%20%20width=%2224%22%20%20height=%2224%22%20%20viewBox=%220%200%2024%2024%22%20%20fill=%22none%22%20%20stroke=%22currentColor%22%20%20stroke-width=%222%22%20%20stroke-linecap=%22round%22%20%20stroke-linejoin=%22round%22%20%20class=%22icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-news%22%3E%3Cpath%20stroke=%22none%22%20d=%22M0%200h24v24H0z%22%20fill=%22none%22/%3E%3Cpath%20d=%22M16%206h3a1%201%200%200%201%201%201v11a2%202%200%200%201%20-4%200v-13a1%201%200%200%200%20-1%20-1h-10a1%201%200%200%200%20-1%201v12a3%203%200%200%200%203%203h11%22%20/%3E%3Cpath%20d=%22M8%208l4%200%22%20/%3E%3Cpath%20d=%22M8%2012l4%200%22%20/%3E%3Cpath%20d=%22M8%2016l4%200%22%20/%3E%3C/svg%3E");
			}
		}
		&[data-task="?"] {
			& > input[type="checkbox"]:checked::after {
				background-color: var(--color-yellow);
				-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20%20xmlns=%22http://www.w3.org/2000/svg%22%20%20width=%2224%22%20%20height=%2224%22%20%20viewBox=%220%200%2024%2024%22%20%20fill=%22none%22%20%20stroke=%22currentColor%22%20%20stroke-width=%222%22%20%20stroke-linecap=%22round%22%20%20stroke-linejoin=%22round%22%20%20class=%22icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-question-mark%22%3E%3Cpath%20stroke=%22none%22%20d=%22M0%200h24v24H0z%22%20fill=%22none%22/%3E%3Cpath%20d=%22M8%208a3.5%203%200%200%201%203.5%20-3h1a3.5%203%200%200%201%203.5%203a3%203%200%200%201%20-2%203a3%204%200%200%200%20-2%204%22%20/%3E%3Cpath%20d=%22M12%2019l0%20.01%22%20/%3E%3C/svg%3E");
			}
		}
		&[data-task="✎"] {
			& > input[type="checkbox"]:checked::after {
				background-color: var(--color-cyan);
				-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20%20xmlns=%22http://www.w3.org/2000/svg%22%20%20width=%2224%22%20%20height=%2224%22%20%20viewBox=%220%200%2024%2024%22%20%20fill=%22none%22%20%20stroke=%22currentColor%22%20%20stroke-width=%222%22%20%20stroke-linecap=%22round%22%20%20stroke-linejoin=%22round%22%20%20class=%22icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-pencil%22%3E%3Cpath%20stroke=%22none%22%20d=%22M0%200h24v24H0z%22%20fill=%22none%22/%3E%3Cpath%20d=%22M4%2020h4l10.5%20-10.5a2.828%202.828%200%201%200%20-4%20-4l-10.5%2010.5v4%22%20/%3E%3Cpath%20d=%22M13.5%206.5l4%204%22%20/%3E%3C/svg%3E");
			}
		}
		&[data-task="‚"] {
			& > input[type="checkbox"]:checked::after {
				background-color: var(--color-cyan);
				-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20%20xmlns=%22http://www.w3.org/2000/svg%22%20%20width=%2224%22%20%20height=%2224%22%20%20viewBox=%220%200%2024%2024%22%20%20fill=%22none%22%20%20stroke=%22currentColor%22%20%20stroke-width=%222%22%20%20stroke-linecap=%22round%22%20%20stroke-linejoin=%22round%22%20%20class=%22icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-paperclip%22%3E%3Cpath%20stroke=%22none%22%20d=%22M0%200h24v24H0z%22%20fill=%22none%22/%3E%3Cpath%20d=%22M15%207l-6.5%206.5a1.5%201.5%200%200%200%203%203l6.5%20-6.5a3%203%200%200%200%20-6%20-6l-6.5%206.5a4.5%204.5%200%200%200%209%209l6.5%20-6.5%22%20/%3E%3C/svg%3E");
			}
		}
		&[data-task="!"] {
			& > input[type="checkbox"]:checked::after {
				background-color: var(--color-red);
				-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20%20xmlns=%22http://www.w3.org/2000/svg%22%20%20width=%2224%22%20%20height=%2224%22%20%20viewBox=%220%200%2024%2024%22%20%20fill=%22none%22%20%20stroke=%22currentColor%22%20%20stroke-width=%222%22%20%20stroke-linecap=%22round%22%20%20stroke-linejoin=%22round%22%20%20class=%22icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-exclamation-mark%22%3E%3Cpath%20stroke=%22none%22%20d=%22M0%200h24v24H0z%22%20fill=%22none%22/%3E%3Cpath%20d=%22M12%2019v.01%22%20/%3E%3Cpath%20d=%22M12%2015v-10%22%20/%3E%3C/svg%3E");
			}
		}
	}
}

.callout .callout-title {
	background-color: var(--background-primary);
	margin-top: -24px;
	z-index: 200;
	width: fit-content;
	padding: 0 0.5em;
	margin-left: -0.75em;
	letter-spacing: 0.05em;
	font-variant-caps: small-caps;
	font-family: "Young Serif";
}
.callout {
	overflow: visible;
	--callout-border-width: 1px;
	--callout-border-opacity: 0.5;
	--callout-title-size: 0.8em;
	--callout-blend-mode: normal;
	background-color: rgba(0, 0, 0, 0);
}
.cm-embed-block.cm-callout {
	padding-top: 12px;
}
.callout-content .callout {
	margin-top: 18px;
}

/* custom callouts */
.callout[data-callout="marx"] {
	--callout-color: var(--color-purple-rgb);
	--callout-icon: lucide-key;
}
.callout[data-callout="law"] {
	--callout-color: var(--color-yellow-rgb);
	--callout-icon: lucide-scale;
}
.callout[data-callout="extract"] {
	--callout-color: var(--color-cyan-rgb);
	--callout-icon: lucide-scroll-text;
}
.callout[data-callout="people"] {
	--callout-color: var(--color-blue-rgb);
	--callout-icon: lucide-users;
}
.callout[data-callout="news"] {
	--callout-color: var(--color-blue-rgb);
	--callout-icon: lucide-newspaper;
}
.callout[data-callout="email"] {
	--callout-color: var(--color-blue-rgb);
	--callout-icon: lucide-mail;
}
.callout[data-callout="build"] {
	--callout-color: var(--color-orange-rgb);
	--callout-icon: lucide-construction;
}

/** MULTICOL **/
body {
	--callout-min-width: 25%;
	--callout-nowrap-min-width: 25%;
	--callout-gap: 1em;
	--callout-margin: 0px;
}

div[data-callout="multicol"].callout {
	display: flex;
	flex-wrap: wrap;
	max-width: 100%;

	gap: var(--callout-gap);
	background: unset;
	border: unset;
	margin: unset;
	padding: unset;
	clear: both;
	--columns: unset;
	outline: 0px dashed plum !important;

	& > .callout-title {
		display: none;
	}
	& > .callout-content {
		display: contents;
		color: inherit;
		& > *:is(div, ul, blockquote, p) {
			flex: 1 1 var(--callout-min-width);
			margin: 0;
		}
	}
	& .callout:not([data-callout="multicol"]) {
		display: flex;
		flex-direction: column;
	}
	&:not(.is-collapsed) .callout {
		margin-inline: var(--callout-margin);
		margin-block: var(--callout-margin);
	}
}

/* blank callouts */
div[data-callout="blank"].callout {
	border: 0;
	padding-top: 0;
	padding-inline: 5px;
	background: unset;
	box-shadow: unset;
	& > .callout-title {
		display: none;
	}
	& > .callout-content {
		display: contents;
		color: inherit;
	}
}

body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) div[data-callout="multicol"].callout .dataview.list-view-ul {
	width: auto;
}
.callouts-outlined div[data-callout="multicol"].callout:not(.is-collapsed) .callout:not([data-callout="multicol"]) {
	margin-top: 1em;
}

/* no-wrap */
div[data-callout="multicol"][data-callout-metadata*="no-wrap"].callout {
	flex-wrap: nowrap;
	max-width: 100%;
	& .callout {
		min-width: 13%;
	}
	& > .callout-content > *:is(div, ul) {
		outline: 0px dashed lawngreen;
		/*flex-shrink: 0;*/
	}
}

/* odd width bias */
div[data-callout="multicol"].callout:has(div[data-callout-metadata="odd"].callout) {
	outline: 0px dashed plum;
	& > * > div[data-callout-metadata="odd"].callout {
		outline: 0px dotted lightblue;
		flex: 1;
	}
	& > * > .callout:not(div[data-callout-metadata="odd"]) {
		outline: 0px dotted lightgreen;
		flex: 2;
	}
}

/* side strip */
div[data-callout="multicol"].callout:has(div[data-callout-metadata="strip"].callout) {
	outline: 0px dashed plum;

	& div[data-callout-metadata="strip"].callout {
		outline: 0px dotted lightblue;
		flex: 0;
		height: 100%;
		align-items: stretch;
		min-width: min-content;

		& .callout-content {
			border: 1px dotted coral;
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: stretch;

			& > * {
				display: flex;
				flex: 0 1 0;
				outline: 1px dotted olive;

				align-items: stretch;
				justify-content: stretch;

				& > * {
					background: hotpink;
					height: auto;
					width: auto;
					font-size: auto;
					font-weight: var(--font-light);
					line-height: 0;
					flex: 0 1 0;
				}
			}
		}
	}
	& > * > .callout:not(div[data-callout-metadata="strip"]) {
		outline: 0px dotted lightgreen;
		flex: 2;
		height: fit-content;
	}
}

div[data-callout="multicol"].callout:has(div[data-callout-metadata="img"].callout) {
	outline: 0px dashed plum !important;
	justify-content: center;
	align-items: center;
	& * {
		border: 0px dashed plum !important;
	}
}