/* SPlearn LMS — Light Warm Theme */

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

/* Prose styling for lesson content */
.prose h1, .prose h2, .prose h3 { font-family: 'Playfair Display', Georgia, serif; color: #2D2A26; margin-top: 1.5em; margin-bottom: 0.5em; }
.prose h2 { font-size: 1.5em; }
.prose h3 { font-size: 1.25em; }
.prose p { margin-bottom: 1em; }
.prose ul, .prose ol { margin: 1em 0; padding-left: 1.5em; }
.prose li { margin-bottom: 0.25em; }
.prose strong { color: #2D2A26; }
.prose a { color: #C09A5A; text-decoration: underline; }
.prose a:hover { color: #D4A853; }
.prose blockquote { border-left: 3px solid rgba(192,154,90,0.3); padding-left: 1em; margin: 1.5em 0; color: #6B6560; font-style: italic; }
.prose code { background: #F5F3EE; padding: 0.15em 0.4em; border-radius: 4px; font-size: 0.9em; color: #2D2A26; }
.prose img { max-width: 100%; border-radius: 8px; margin: 1em 0; }

/* Scrollbar styling */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #FAFAF5; }
::-webkit-scrollbar-thumb { background: #E8E4DD; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #C09A5A; }

/* Details/summary for admin */
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }
details > summary::before { content: '▸ '; color: #A39E98; }
details[open] > summary::before { content: '▾ '; color: #C09A5A; }

/* Override dark references in student views */
.bg-midnight { background-color: #FAFAF5 !important; }
.bg-midnight-up { background-color: #F5F3EE !important; }
.bg-midnight-card { background-color: #FFFFFF !important; }
.border-midnight-border { border-color: #E8E4DD !important; }
.text-amber { color: #C09A5A !important; }
.bg-amber-dim { background-color: rgba(192,154,90,0.10) !important; }
.text-amber-bright { color: #D4A853 !important; }
.bg-amber { background-color: #C09A5A !important; }
.text-txt-mid { color: #6B6560 !important; }
.text-txt-dim { color: #A39E98 !important; }
.hover\:text-amber:hover { color: #C09A5A !important; }