/* Base styles for markdown content */
.markdown {
  /* max-width: 65ch; */
  margin: 0 auto;
  line-height: 1.6;
  color: #374151; /* gray-700 */
}
.alert-info {
    background: lightblue;
    padding: 4px !important;
    border-radius: 10px;
    box-shadow: 1px 1px 20px -10px;
}
/* Headings */
.markdown h1 {
  font-size: 2.25rem; /* text-4xl */
  font-weight: 800; /* font-bold */
  margin-top: 2.5rem; /* mt-10 */
  margin-bottom: 1.5rem; /* mb-6 */
  line-height: 1.1;
  color: #111827; /* gray-900 */
}

.markdown h2 {
  font-size: 1.875rem; /* text-3xl */
  font-weight: 700; /* font-bold */
  margin-top: 2rem; /* mt-8 */
  margin-bottom: 1rem; /* mb-4 */
  color: #111827; /* gray-900 */
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #e5e7eb; /* border-b border-gray-200 */
}

.markdown h3 {
  font-size: 1.5rem; /* text-2xl */
  font-weight: 600; /* font-semibold */
  margin-top: 1.5rem; /* mt-6 */
  margin-bottom: 0.75rem; /* mb-3 */
  color: #111827; /* gray-900 */
}

/* Paragraphs */
.markdown p {
  margin-top: 1.25rem; /* mt-5 */
  margin-bottom: 1.25rem; /* mb-5 */
}

/* Links */
.markdown a {
  color: #2563eb; /* text-blue-600 */
  text-decoration: underline;
  font-weight: 500;
}
.markdown a:hover {
  color: #1d4ed8; /* text-blue-700 */
}

/* Lists */
.markdown ul,
.markdown ol {
  margin-top: 1.25rem; /* mt-5 */
  margin-bottom: 1.25rem; /* mb-5 */
  padding-left: 2rem; /* pl-8 */
}

.markdown ul {
  list-style-type: disc;
}

.markdown ol {
  list-style-type: decimal;
}

.markdown li {
  margin-bottom: 0.5rem; /* mb-2 */
}

/* Code blocks */
.markdown pre {
  background-color: #1e293b; /* bg-slate-800 */
  color: #f8fafc; /* text-slate-50 */
  padding: 1rem; /* p-4 */
  border-radius: 0.375rem; /* rounded-lg */
  margin-top: 1.25rem; /* mt-5 */
  margin-bottom: 1.25rem; /* mb-5 */
  overflow-x: auto;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.markdown code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.markdown :not(pre) > code {
  background-color: #e2e8f0; /* bg-gray-200 */
  color: #334155; /* text-slate-700 */
  padding: 0.2em 0.4em; /* px-1 py-0.5 */
  border-radius: 0.25rem; /* rounded */
  font-size: 0.875em; /* text-sm */
}

/* Blockquotes */
.markdown blockquote {
  border-left: 4px solid #e5e7eb; /* border-l-4 border-gray-200 */
  padding-left: 1rem; /* pl-4 */
  margin-left: 0; /* ml-0 */
  margin-top: 1.25rem; /* mt-5 */
  margin-bottom: 1.25rem; /* mb-5 */
  color: #4b5563; /* text-gray-600 */
  font-style: italic;
}

/* Images */
.markdown img {
  max-width: 100%;
  height: auto;
  margin-top: 1.25rem; /* mt-5 */
  margin-bottom: 1.25rem; /* mb-5 */
  border-radius: 0.375rem; /* rounded-lg */
}

/* Tables */
.markdown table {
  width: 100%;
  margin-top: 1.25rem; /* mt-5 */
  margin-bottom: 1.25rem; /* mb-5 */
  border-collapse: collapse;
}

.markdown th,
.markdown td {
  padding: 0.75rem 1rem; /* px-4 py-3 */
  border: 1px solid #e5e7eb; /* border border-gray-200 */
}

.markdown th {
  background-color: #f9fafb; /* bg-gray-50 */
  text-align: left;
  font-weight: 600; /* font-semibold */
}

.markdown tr:nth-child(even) {
  background-color: #f9fafb; /* bg-gray-50 */
}

/* Horizontal rules */
.markdown hr {
  border: none;
  border-top: 1px solid #e5e7eb; /* border-t border-gray-200 */
  margin-top: 2.5rem; /* mt-10 */
  margin-bottom: 2.5rem; /* mb-10 */
}