/* Custom styles that aren't handled well by Tailwind prose */
.prose pre {
  overflow-x: auto;
}
.prose code {
  word-break: break-word;
}
.prose code::before,
.prose code::after {
  content: "" !important; /* Remove Tailwind's default backticks around inline code */
}

/* Custom scrollbar for webkit */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #0d0f14; 
}
::-webkit-scrollbar-thumb {
  background: #1e2535; 
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #39ff14; 
}

/* Style zoomable images in prose to show zoom cursor and hover effect */
.prose figure img,
.prose img[zoom],
.prose img.zoomable {
  cursor: zoom-in;
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.prose figure img:hover,
.prose img[zoom]:hover,
.prose img.zoomable:hover {
  transform: scale(1.005);
  box-shadow: 0 10px 25px -5px rgba(57, 255, 20, 0.1), 0 8px 10px -6px rgba(57, 255, 20, 0.1);
}

/* Light background option for transparent charts, plots, and SVGs */
.bg-light-plot,
.prose object,
.prose .light-plot img,
.prose img.light-plot {
  background-color: #f8fafc !important; /* Slate-50 off-white */
  padding: 1.25rem !important;
  border-radius: 0.75rem !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
}