@import"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"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";.mattock-blog-layout{font-family:Inter,Noto Sans JP,sans-serif}.mattock-blog-layout .animate-slide-up{animation:slideUp .5s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.mattock-blog-layout .animate-fade-in{animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mattock-blog-layout .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.mattock-blog-layout .line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mattock-blog-layout .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}.mattock-blog-layout .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}.mattock-blog-layout .reading-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#1e3a8a,#3b82f6);z-index:1000;transition:width .3s ease}