/* (unused) .blog-page {
		font-family:
			"SF Pro Display",
			"SF Pro",
			"Inter",
			-apple-system,
			BlinkMacSystemFont,
			"Segoe UI",
			sans-serif;
	}*/

	.search-wrapper.svelte-c7spex::after {
		content: "";
		position: absolute;
		inset: 0;
		border-radius: 1rem;
		padding: 1.5px;
		background: linear-gradient(135deg, transparent, transparent);
		-webkit-mask:
			linear-gradient(#fff 0 0) content-box,
			linear-gradient(#fff 0 0);
		mask:
			linear-gradient(#fff 0 0) content-box,
			linear-gradient(#fff 0 0);
		-webkit-mask-composite: xor;
		mask-composite: exclude;
		opacity: 0;
		transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
		pointer-events: none;
	}

	.search-wrapper.is-focused.svelte-c7spex::after {
		background: linear-gradient(
			135deg,
			rgb(161 161 170 / 0.4),
			transparent 40%,
			transparent 60%,
			rgb(161 161 170 / 0.4)
		);
		opacity: 1;
	}

	.tag-indicator.svelte-c7spex {
		z-index: 0;
		transition:
			background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1),
			box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	}

	.tag-button.svelte-c7spex {
		position: relative;
		z-index: 1;
	}

	.blog-card.svelte-c7spex {
		will-change: transform, box-shadow;
		transition:
			transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),
			box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1),
			border-color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	}

	.blog-card.svelte-c7spex:hover {
		transform: translateY(-8px);
		box-shadow:
			0 25px 50px -12px rgb(0 0 0 / 0.08),
			0 12px 24px -8px rgb(0 0 0 / 0.04);
	}

	.dark .blog-card.svelte-c7spex:hover {
		box-shadow:
			0 25px 50px -12px rgb(0 0 0 / 0.5),
			0 12px 24px -8px rgb(0 0 0 / 0.3);
	}

	.card-arrow.svelte-c7spex {
		flex-shrink: 0;
	}

	.scroll-btn.svelte-c7spex:active {
		transform: scale(0.92);
	}

	/* Scrollbar hide utility */
	.scrollbar-hide.svelte-c7spex {
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	.scrollbar-hide.svelte-c7spex::-webkit-scrollbar {
		display: none;
	}

	/* Premium animations */
	@keyframes svelte-c7spex-float {
		0%,
		100% {
			transform: translateY(0);
		}
		50% {
			transform: translateY(-6px);
		}
	}

	/* Skeleton pulse animation */
	@keyframes svelte-c7spex-skeleton-pulse {
		0%,
		100% {
			opacity: 0.6;
		}
		50% {
			opacity: 0.3;
		}
	}

	/* (unused) .skeleton-pulse {
		animation: skeleton-pulse 1.5s ease-in-out infinite;
	}*/