/* Sidebar animation configuration */
.sidebar-container {
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sidebar-collapsed {
  width: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-right-width: 0 !important;
  overflow: hidden;
}

/* Base Comfortable Light Mode Markdown Styles */
.markdown-body {
  color: #334155; /* Slate 700 - comfortable on eyes, not pure black */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.75;
}

.markdown-body h1 { font-size: 2.25rem; font-weight: 800; color: #0f172a; margin-bottom: 1.5rem; letter-spacing: -0.025em; border-bottom: 1px solid #f1f5f9; padding-bottom: 0.5rem; }
.markdown-body h2 { font-size: 1.5rem; font-weight: 700; color: #1e293b; margin-top: 2rem; margin-bottom: 1rem; }
.markdown-body h3 { font-size: 1.25rem; font-weight: 600; color: #334155; margin-top: 1.5rem; margin-bottom: 0.75rem; }
.markdown-body p { margin-bottom: 1rem; }
.markdown-body ul { list-style-type: disc; padding-left: 1.5rem; margin-bottom: 1rem; }
.markdown-body ol { list-style-type: decimal; padding-left: 1.5rem; margin-bottom: 1rem; }
.markdown-body li { margin-bottom: 0.375rem; }
.markdown-body a { color: #4f46e5; text-decoration: underline; font-weight: 500; }
.markdown-body blockquote { border-left: 4px solid #6366f1; padding-left: 1rem; color: #475569; background-color: #f8fafc; padding-top: 0.5rem; padding-bottom: 0.5rem; border-radius: 0 0.5rem 0.5rem 0; font-style: italic; margin: 1rem 0; }
.markdown-body code { background-color: #f1f5f9; color: #0f172a; padding: 0.2rem 0.4rem; border-radius: 0.375rem; font-size: 0.875rem; font-family: monospace; }
.markdown-body pre code { background-color: transparent; color: #e2e8f0; padding: 0; }
.markdown-body pre { background-color: #0f172a; padding: 1rem; border-radius: 0.75rem; margin: 1.5rem 0; overflow-x: auto; }
.markdown-body img { max-width: 100%; border-radius: 0.75rem; margin: 1.5rem 0; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1); }

/* Dark Mode Markdown Overrides */
.dark .markdown-body {
  color: #cbd5e1;
}

.dark .markdown-body h1,
.dark .markdown-body h2,
.dark .markdown-body h3,
.dark .markdown-body h4,
.dark .markdown-body h5,
.dark .markdown-body h6 {
  color: #f9fafb;
  border-color: #1f2937;
}

.dark .markdown-body strong {
  color: #ffffff;
}

.dark .markdown-body blockquote {
  background-color: #111827;
  color: #9ca3af;
  border-left-color: #6366f1;
}

.dark .markdown-body code {
  background-color: #1f2937;
  color: #f3f4f6;
}

.dark .markdown-body a {
  color: #818cf8;
}