/* Wajib untuk Alpine.js supaya elemen x-show tidak "flash" sebelum Alpine load */
[x-cloak] { display: none !important; }

/* Fallback line-clamp (Tailwind Play CDN tidak menyertakan plugin line-clamp) */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

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

/* Konten dokumen/berita hasil dari editor kaya (WYSIWYG) yang tersimpan di DB */
.prose-spmi img { border-radius: 0.5rem; margin: 1.25rem 0; }
.prose-spmi h2, .prose-spmi h3 { font-weight: 700; color: #106B36; margin-top: 1.5rem; margin-bottom: 0.5rem; }
.prose-spmi p { margin-bottom: 1rem; line-height: 1.75; color: #2B2622; }
.prose-spmi ul, .prose-spmi ol { margin: 1rem 0 1rem 1.5rem; }
.prose-spmi ul { list-style: disc; }
.prose-spmi ol { list-style: decimal; }
.prose-spmi a { color: #158A45; text-decoration: underline; }

/* Kartu proses PPEPP di beranda - efek hover angka besar */
.ppepp-card .ppepp-number {
  transition: color .25s ease, transform .25s ease;
}
.ppepp-card:hover .ppepp-number {
  color: #FFD400;
  transform: translateY(-4px);
}