/* Custom styles to make markdown (prose) smaller and reduce gaps */
.prose {
  font-size: 0.92rem;
  line-height: 1.4;
  max-width: 100%;
  color: #d1d5db;
}
.prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 {
  margin-top: 1.2em;
  margin-bottom: 0.5em;
  font-size: 1.1em;
  color: #ffffff;
}
.prose p {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}
.prose ul, .prose ol {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  padding-left: 1.2em;
}
.prose li {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
.prose table {
  font-size: 0.95em;
  background: #1f2937;
  color: #d1d5db;
}
.prose code, .prose pre {
  font-size: 0.92em;
  background: #1f2937;
  color: #fbbf24;
}
.prose a {
  color: #60a5fa;
}
.prose strong {
  color: #fbbf24;
}
.bg-white.rounded-lg.shadow-md.p-6 {
  padding: 1.25rem 1rem;
  background: #111827;
  color: #d1d5db;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.8);
  border: 1px solid #374151;
}
.grid.gap-8 {
  gap: 1.5rem;
}
body {
  background: #181924;
  color: #d1d5db;
}
.container {
  background: rgba(24, 25, 36, 0.96);
  border-radius: 1rem;
  /* subtle shadow for depth */
  box-shadow: 0 4px 24px 0 rgba(0,0,0,0.18);
}

/* Blog card hover highlight */
a.block:hover .bg-white.rounded-lg.shadow-md.p-6 {
  border-color: #60a5fa;
}

/* Remove white backgrounds from Tailwind typography plugin */
.prose :where(code):not(:where([class~="not-prose"] *)) {
  background: #1f2937;
}