/* Import Inter font for Mattock Blog */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');

/* Mattock Blog layout uses Inter font family */
.mattock-blog-layout {
	font-family: 'Inter', 'Noto Sans JP', sans-serif;
	
	/* Blog-specific animations */
	.animate-slide-up {
		animation: slideUp 0.5s ease-out;
	}
	
	@keyframes slideUp {
		from {
			transform: translateY(20px);
			opacity: 0;
		}
		to {
			transform: translateY(0);
			opacity: 1;
		}
	}
	
	/* Fade in animation */
	.animate-fade-in {
		animation: fadeIn 0.8s ease-out;
	}
	
	@keyframes fadeIn {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}
	
	/* Pulse animation for badges */
	.animate-pulse {
		animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
	}
	
	@keyframes pulse {
		0%, 100% {
			opacity: 1;
		}
		50% {
			opacity: 0.5;
		}
	}
	
	/* Line clamp utilities */
	.line-clamp-2 {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	
	/* Gradient text */
	.bg-gradient-to-r.from-blue-600.to-blue-800.bg-clip-text.text-transparent {
		background: linear-gradient(to right, #2563eb, #1e40af);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	
	.bg-gradient-to-r.from-blue-600.to-emerald-600.bg-clip-text.text-transparent {
		background: linear-gradient(to right, #2563eb, #059669);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	
	.reading-progress {
		position: fixed;
		top: 0;
		left: 0;
		height: 3px;
		background: linear-gradient(90deg, #1e3a8a 0%, #3b82f6 100%);
		z-index: 1000;
		transition: width 0.3s ease;
	}
}