/* Lernplattform Custom Styles */
.prose-custom p { margin-bottom: 1rem; }
.prose-custom h2 { font-size: 1.25rem; font-weight: 700; margin-top: 1.5rem; margin-bottom: 0.75rem; color: #fff; }
.prose-custom h3 { font-size: 1.1rem; font-weight: 600; margin-top: 1rem; margin-bottom: 0.5rem; color: #e5e7eb; }
.prose-custom ul, .prose-custom ol { margin-left: 1.5rem; margin-bottom: 1rem; }
.prose-custom li { margin-bottom: 0.25rem; }
.prose-custom code { background: #111; color: #dc2626; padding: 0.125rem 0.375rem; border-radius: 0.25rem; font-family: ui-monospace, monospace; font-size: 0.875em; }
.prose-custom pre { background: #000; border: 1px solid #1f2937; border-radius: 0.5rem; padding: 1rem; margin: 0.75rem 0; overflow-x: auto; }
.prose-custom pre code { background: none; color: #e5e7eb; padding: 0; font-size: 0.85rem; }
.prose-custom strong { color: #fff; font-weight: 600; }
.prose-custom a { color: #dc2626; text-decoration: underline; }

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

/* CodeMirror overrides */
.CodeMirror {
    height: 300px;
    font-size: 14px;
    font-family: ui-monospace, 'SF Mono', monospace;
    background: #0a0a0a !important;
}
.CodeMirror-gutters {
    background: #050505 !important;
    border-right: 1px solid #1f2937 !important;
}

/* Smooth transitions */
.transition { transition: all 0.2s ease; }

/* Scrollbar dark */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #0a0a0a; }
::-webkit-scrollbar-thumb { background: #1f2937; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #374151; }