.mask-gradient.svelte-wxncqa {
        mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
        -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
    }

	.equation-wrapper.svelte-1las59u {
		width: 100%;
	}

	.equation-container.svelte-1las59u {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center; /* center by default */
		min-height: 2rem;
		overflow: visible;
		gap: 0.5rem;
		user-select: none;
		pointer-events: none;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	/* Left-align from lg (1024px) */
	@media (min-width: 1024px) {
		.equation-container.svelte-1las59u {
			justify-content: flex-start;
		}
	}

	.equation-part.svelte-1las59u {
		color: #3b82f6;
		font-size: 1.8rem;
		white-space: nowrap;
		opacity: 0;
		will-change: transform, opacity;
		user-select: none;
		pointer-events: none;
		margin: 0;
		padding: 0;
		line-height: 1;
	}

	/* Responsive adjustments for smaller screens */
	@media (max-width: 768px) {
		.equation-part.svelte-1las59u {
			font-size: 1.4rem;
		}

		.equation-container.svelte-1las59u {
			gap: 0.3rem;
		}
	}

	@media (max-width: 480px) {
		.equation-part.svelte-1las59u {
			font-size: 1.2rem;
		}

		.equation-container.svelte-1las59u {
			gap: 0.25rem;
		}
	}

	.left-part.svelte-1las59u,
	.equals-part.svelte-1las59u {
		opacity: 0;
	}

	.left-part.show.svelte-1las59u,
	.equals-part.show.svelte-1las59u {
		animation: svelte-1las59u-fadeIn 500ms ease-out forwards;
	}

	.equals-part.svelte-1las59u {
		margin: 0 0.25rem;
	}

	/* Right container: width is measured (final on <lg, max(middle,final) on >=lg) */
	.right-container.svelte-1las59u {
		position: relative;
		display: grid;
		align-items: center;
		justify-items: start;
		min-height: 2rem;
		overflow: visible;
		margin: 0;
		padding: 0;
		transition: width 200ms ease-out;
	}

	/* Avoid subtle drift on small screens while width updates */
	@media (max-width: 1023px) {
		.right-container.svelte-1las59u {
			transition: none;
		}
	}

	.right-part.svelte-1las59u {
		grid-area: 1 / 1;
		opacity: 0;
		pointer-events: none;
	}

	/* Smooth slide-in from top for both middle and final */
	.middle-equation.show.svelte-1las59u {
		animation: svelte-1las59u-slideInSmooth 800ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
	}

	.final-equation.show.svelte-1las59u {
		animation: svelte-1las59u-slideInSmooth 800ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
		font-size: 2.2rem;
		font-weight: bold;
		color: #1e40af;
		filter: drop-shadow(0 0 4px rgba(59, 130, 246, 0.3));
	}

	/* Responsive final equation sizing */
	@media (max-width: 768px) {
		.final-equation.show.svelte-1las59u {
			font-size: 1.8rem;
		}
	}

	@media (max-width: 480px) {
		.final-equation.show.svelte-1las59u {
			font-size: 1.5rem;
		}
	}

	/* Middle drops down and fades out — triggers when middleSlideDown=true */
	.middle-equation.slide-down.svelte-1las59u {
		animation: svelte-1las59u-slideDownOut 650ms cubic-bezier(0.7, 0, 0.3, 1) forwards;
	}

	/* Hidden sizers for width measurement */
	.right-sizer.svelte-1las59u {
		position: absolute;
		left: -10000px; /* keep out of view */
		top: 0;
		height: 0;
		overflow: hidden;
		pointer-events: none;
		visibility: hidden;
	}

	.sizer-item.svelte-1las59u {
		display: inline-block;
		white-space: nowrap;
		opacity: 0;
	}

	@keyframes svelte-1las59u-fadeIn {
		from {
			opacity: 0;
			transform: translateY(0px);
			filter: blur(1px);
		}
		to {
			opacity: 1;
			transform: translateY(0);
			filter: blur(0);
		}
	}

	@keyframes svelte-1las59u-slideInSmooth {
		0% {
			opacity: 0;
			transform: translateY(-28px);
			filter: blur(1px);
		}
		70% {
			opacity: 1;
			transform: translateY(0px);
			filter: blur(0px);
		}
		100% {
			opacity: 1;
			transform: translateY(0);
			filter: blur(0);
		}
	}

	@keyframes svelte-1las59u-slideDownOut {
		0% {
			opacity: 1;
			transform: translateY(0);
			filter: blur(0);
		}
		100% {
			opacity: 0;
			transform: translateY(28px);
			filter: blur(1px);
		}
	}

	.equation-part .katex {
		color: inherit;
		font-size: 1.5rem !important;
		line-height: 1;
	}

	/* Responsive font sizes for smaller devices */
	@media (max-width: 768px) {
		.equation-part .katex {
			font-size: 1.2rem !important;
		}
	}

	@media (max-width: 480px) {
		.equation-part .katex {
			font-size: 1.2rem !important;
		}
	}

	.final-equation .katex {
		color: #51a2ff !important;
		font-size: 2.5rem !important;
	}

	/* Responsive font sizes for final equation on smaller devices */
	@media (max-width: 768px) {
		.final-equation .katex {
			font-size: 2rem !important;
		}
	}

	@media (max-width: 480px) {
		.final-equation .katex {
			font-size: 1.5rem !important;
		}
	}

	/* KaTeX styling adjustments */
	.equation-part .katex-display {
		margin: 0 !important;
		color: inherit;
		line-height: 1;
	}

	
		.equation-part .katex,
		.equation-part .katex .mathdefault,
		.equation-part .katex .mop,
		.equation-part .katex .mopen,
		.equation-part .katex .mclose,
		.equation-part .katex .mrel,
		.equation-part .katex .mbin
	 {
		color: #3b82f6 !important;
	}

	.equation-part .katex .mop, .equation-part .katex .mrel {
		color: #3b82f6 !important;
	}

	.equation-part .mord, .equation-part .mbin, .equation-part .mrel, .equation-part .mop {
		color: #7dd3fc !important;
	}

	.final-equation .mord {
		color: #60a5fa !important;
	}

	.equation-part .msubsup, .equation-part .msub, .equation-part .msup {
		color: inherit;
	}

	/* Respect reduced motion */
	@media (prefers-reduced-motion: reduce) {
		.equation-part.svelte-1las59u {
			animation-duration: 1ms !important;
			transition-duration: 1ms !important;
			filter: none !important;
			transform: none !important;
		}

		.right-container.svelte-1las59u {
			transition: none !important;
		}
	}

	.video-container.svelte-1e680pz {
		max-width: 100%;
		width: 100%;
		box-sizing: border-box;
	}

	.video-container.svelte-1e680pz .player {
		max-width: 100% !important;
		width: 100% !important;
	}

	.video-container.svelte-1e680pz media-player {
		max-width: 100% !important;
		width: 100% !important;
		box-sizing: border-box;
	}

	/* Embla Carousel Styles */
	.embla.svelte-3poeyj {
		overflow: hidden;
		width: 100%;
	}

	.embla__container.svelte-3poeyj {
		display: flex;
		width: 100%;
	}

	.embla__slide.svelte-3poeyj {
		flex: 0 0 100%;
		min-width: 0;
	}

	/* Smooth image transitions */
	img.svelte-3poeyj {
		transition:
			opacity 0.3s ease,
			transform 0.2s ease;
	}

	/* Loading animation */
	@keyframes svelte-3poeyj-spin {
		to {
			transform: rotate(360deg);
		}
	}

	/* Focus states for accessibility */
	button.svelte-3poeyj:focus-visible {
		outline: 2px solid #60a5fa;
		outline-offset: 2px;
	}

	/* Mobile arrow fade-out animation */
	@media (max-width: 640px) {
		button[aria-label*='review'].svelte-3poeyj {
			transition:
				opacity 0.3s ease-out,
				transform 0.2s ease;
		}

		button[aria-label*='review'].svelte-3poeyj:active {
			transform: scale(0.95);
		}
	}

	/* Mobile optimizations */
	@media (max-width: 768px) {
		.aspect-\[4\/3\].svelte-3poeyj {
			aspect-ratio: 3/2; /* Adjust aspect ratio for mobile */
		}
	}

	/* Remove problematic negative margins and ensure proper containment */
	@media (max-width: 640px) {
		/* Ensure full section has proper padding */
		section.svelte-3poeyj {
			padding-left: 0.75rem;
			padding-right: 0.75rem;
		}
	}

	.animate-slideDown.svelte-9bpoq {
		animation: svelte-9bpoq-slideDown 0.1s ease-out;
	}

	@keyframes svelte-9bpoq-slideDown {
		from {
			max-height: 0;
		}
		to {
			max-height: 100%;
		}
	}

	svg.svelte-15h8oo6 {
		width: 100%;
		height: 100%;
		display: block;
	}

	.curve.svelte-15h8oo6 {
		stroke: hsl(261 85% 66%);
		stroke-width: 3.25;
		stroke-linecap: round;
		stroke-linejoin: round;
	}

	.area.svelte-15h8oo6 {
		opacity: 0;
		transform-box: fill-box;
		transform-origin: bottom;
		animation: svelte-15h8oo6-reveal var(--revealDur) cubic-bezier(0.2, 0.7, 0.2, 1) forwards;
	}

	@keyframes svelte-15h8oo6-reveal {
		0% {
			opacity: 0;
			transform: scaleY(0.92);
		}
		100% {
			opacity: 0.9;
			transform: scaleY(1);
		}
	}