/* Minimal extra CSS to mimic Tailwind plugins used in the original app (line-clamp, typography, animate-in). */

:root { color-scheme: light; }

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

@keyframes fadeIn { from {opacity:0} to {opacity:1} }
@keyframes zoomIn95 { from {transform: scale(.95)} to {transform: scale(1)} }
@keyframes slideInFromBottom4 { from {transform: translateY(1rem)} to {transform: translateY(0)} }

.animate-in { animation-fill-mode: both; }
.fade-in { animation-name: fadeIn; }
.zoom-in-95 { animation-name: zoomIn95; }
.slide-in-from-bottom-4 { animation-name: slideInFromBottom4; }

.prose { font-size: .875rem; line-height: 1.65; color: #475569; }
.prose p { margin: 0 0 .85rem 0; }
.prose strong { color: #334155; font-weight: 600; }
.prose a { color: #4f46e5; text-decoration: none; font-weight: 500; }
.prose a:hover { text-decoration: underline; }
.prose ul, .prose ol { padding-left: 1.25rem; margin: 0 0 .85rem 0; }
.prose li { margin: .25rem 0; }
.prose h1, .prose h2, .prose h3 { color: #1e293b; font-weight: 600; margin: 1rem 0 .5rem; }
.prose blockquote { border-left: 4px solid #e2e8f0; padding-left: .9rem; color: #64748b; margin: .9rem 0; }
.prose pre { background: #0b1220; color: #e2e8f0; padding: .9rem; border-radius: .75rem; overflow:auto; }
.prose code { background: #f1f5f9; padding: .1rem .25rem; border-radius: .35rem; }

body.modal-open { overflow: hidden; }

/* Quill tweaks to match card styling */
.ql-toolbar.ql-snow { border: 0 !important; border-bottom: 1px solid #e2e8f0 !important; }
.ql-container.ql-snow { border: 0 !important; }
.ql-editor { min-height: 250px; }