/* DIGI-MADRASAH — gaya tambahan */

html { scroll-behavior: smooth; }

/* Konten berita */
.prose { color: #334155; line-height: 1.8; font-size: 1rem; }
.prose > * + * { margin-top: 1rem; }
.prose h2 { font-size: 1.375rem; font-weight: 800; color: #0f172a; margin-top: 2rem; }
.prose h3 { font-size: 1.125rem; font-weight: 700; color: #0f172a; margin-top: 1.5rem; }
.prose ul { list-style: disc; padding-left: 1.5rem; }
.prose ol { list-style: decimal; padding-left: 1.5rem; }
.prose li + li { margin-top: .35rem; }
.prose a { color: #047857; text-decoration: underline; text-underline-offset: 3px; }
.prose strong { font-weight: 700; color: #0f172a; }
.prose blockquote { border-left: 4px solid #10b981; padding-left: 1rem; color: #475569; font-style: italic; }
.prose img { border-radius: .75rem; max-width: 100%; height: auto; }
.prose table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.prose th, .prose td { border: 1px solid #e2e8f0; padding: .5rem .75rem; text-align: left; }
.prose th { background: #f8fafc; font-weight: 700; }

/* Animasi masuk */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}
.fade-up { animation: fadeUp .35s ease-out both; }

/* Scrollbar halus */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 999px; border: 2px solid transparent; background-clip: content-box; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; background-clip: content-box; }

/* Sembunyikan spinner input number */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Placeholder dengan kontras cukup (WCAG AA) */
input::placeholder,
textarea::placeholder { color: #64748b !important; opacity: 1; }

/* Cetak */
@media print {
  .no-print { display: none !important; }
  body { background: #fff !important; }
}