.orb-anchor.svelte-1qsgm2n {
		position: relative;
		width: 0;
		height: 0;
		overflow: visible;
		z-index: -1;
		pointer-events: none;
		mix-blend-mode: multiply;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}

	.orb.svelte-1qsgm2n {
		position: absolute;
		background-repeat: no-repeat;
		background-size: contain;
		opacity: 0.08;
		filter: contrast(1.05) brightness(1.05);
	}

	.orb-1.svelte-1qsgm2n {
		background-image: url('/(guides)/orb-line-drawing-1.jpg');
		width: 700px;
		height: 700px;
		/* Default: Peeking from right */
		top: -250px;
		left: 200px;
	}

	.orb-2.svelte-1qsgm2n {
		background-image: url('/(guides)/orb-line-drawing-2.jpg');
		width: 800px;
		height: 800px;
		/* Default: Peeking from left */
		top: -250px;
		left: -500px;
	}

	.orb-3.svelte-1qsgm2n {
		background-image: url('/(guides)/orb-line-drawing-3.jpg');
		width: 900px;
		height: 900px;
		/* Default: Peeking from right */
		top: -250px;
		left: 100px;
	}

	.orb-4.svelte-1qsgm2n {
		background-image: url('/(guides)/orb-line-drawing-4.jpg');
		width: 300px;
		height: 300px;
		/* Default: Hovering top right */
		top: -350px;
		left: 650px;
	}

	@media (max-width: 768px) {
		.orb-1.svelte-1qsgm2n {
			width: 400px;
			height: 400px;
			top: -100px;
			left: 50px;
		}

		.orb-2.svelte-1qsgm2n {
			width: 450px;
			height: 450px;
			top: -100px;
			left: -200px;
		}

		.orb-3.svelte-1qsgm2n {
			width: 450px;
			height: 450px;
			top: -100px;
			left: 50px;
		}

		.orb-4.svelte-1qsgm2n {
			width: 150px;
			height: 150px;
			top: -150px;
			left: 200px;
		}
	}

	@media (prefers-color-scheme: dark) {
		.orb-anchor.svelte-1qsgm2n {
			mix-blend-mode: screen;
		}

		.orb.svelte-1qsgm2n {
			filter: invert(1) contrast(1.05) brightness(1.05);
		}
	}

	.title-image.svelte-riubam {
		width: 100%;
		max-width: 200px;
		height: auto;
		mix-blend-mode: multiply;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		filter: contrast(1.05) brightness(1.05);
		margin: 2rem auto 2rem auto;
		display: block;
		/* Override prose styles */
		border: none !important;
		box-shadow: none !important;
		outline: none !important;
		--tw-ring-opacity: 0 !important;
		--tw-ring-color: transparent !important;
		--tw-shadow: 0 0 #0000 !important;
	}

	@media (prefers-color-scheme: dark) {
		.title-image.svelte-riubam {
			content: var(--src-inverted);
			mix-blend-mode: lighten;
		}
	}

	.diagram.svelte-13mmbgj {
		width: 100%;
		height: auto;
		mix-blend-mode: multiply;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		/* Slightly boost contrast/brightness to ensure near-white backgrounds become pure white for better blending */
		filter: contrast(1.05) brightness(1.05);

		/* Override prose styles */
		border: none !important;
		box-shadow: none !important;
		outline: none !important;
		--tw-ring-opacity: 0 !important;
		--tw-ring-color: transparent !important;
		--tw-shadow: 0 0 #0000 !important;
	}

	@media (prefers-color-scheme: dark) {
		.diagram.svelte-13mmbgj {
			filter: invert(1) contrast(1.05) brightness(1.05);
			mix-blend-mode: screen;
		}
	}