/*
 * Global styles and animations for UmitsukiRinne Official Site
 */

/* Spinning CD animation */
@keyframes spin-slow {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Carousel slide animation */
@keyframes slide-left {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Font: Japanese body = Hina Mincho, Roman headings/nav = Jost */
.font-jost { font-family: 'Jost', sans-serif; }
.font-mincho { font-family: 'Hina Mincho', serif; }

/* Smooth scroll */
html {
  scroll-behavior: smooth;
}

/* Hide scrollbar for carousel */
.overflow-hidden::-webkit-scrollbar,
.overflow-x-auto::-webkit-scrollbar {
  display: none;
}
.overflow-x-auto {
  scrollbar-width: none;
}

/* Prose styling for markdown content */
.prose h1 { font-size: 1.5rem; font-weight: 700; margin: 1.5rem 0 0.75rem; }
.prose h2 { font-size: 1.25rem; font-weight: 600; margin: 1.25rem 0 0.625rem; }
.prose h3 { font-size: 1.1rem; font-weight: 600; margin: 1rem 0 0.5rem; }
.prose p { margin: 0.5rem 0; }
.prose ul { list-style-type: disc; padding-left: 1.5rem; margin: 0.5rem 0; }
.prose li { margin: 0.25rem 0; }
.prose table { width: 100%; border-collapse: collapse; margin: 0.75rem 0; }
.prose td, .prose th { border: 1px solid #e5e7eb; padding: 0.5rem; text-align: left; }
.prose strong { font-weight: 600; }

/* Line clamp utility */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


/* Reduced motion: disable all animations */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}