/* =========================
   Markdown Theme Variables
   ========================= */
.markdown {
  --markdown-bg: transparent;
  --markdown-text: #e5e7eb;

  --markdown-heading: #f9fafb;

  --markdown-link: #60a5fa;
  --markdown-link-hover: #93c5fd;

  --markdown-blockquote: #9ca3af;
  --markdown-blockquote-border: #4b5563;
  --markdown-blockquote-bg: rgba(128, 128, 128, 0.05);

  --markdown-code-bg: #111827;
  --markdown-pre-bg: #0b1220;

  --markdown-border: #374151;

  --markdown-table-head-bg: #111827;

  /* Base */
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height: 1.6;
  font-size: 16px;
  color: var(--markdown-text);
  background: var(--markdown-bg);
}

/* =========================
   Global reset inside markdown
   ========================= */
.markdown * {
  box-sizing: border-box;
}

/* =========================
   Headings
   ========================= */
.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
  color: var(--markdown-heading);
  font-weight: 700;
  margin: 0.8em 0;
}

.markdown h1 { font-size: 2em; margin: 0.67em 0; }
.markdown h2 { font-size: 1.5em; }
.markdown h3 { font-size: 1.25em; font-weight: 600; }
.markdown h4 { font-size: 1.1em; font-weight: 600; }
.markdown h5,
.markdown h6 { font-size: 1em; opacity: 0.9; }

/* =========================
   Paragraphs
   ========================= */
.markdown p {
  margin: 0.75em 0;
}

/* =========================
   Links
   ========================= */
.markdown a {
  color: var(--markdown-link);
  text-decoration: underline;
}

.markdown a:hover {
  color: var(--markdown-link-hover);
}

/* =========================
   Lists
   ========================= */
.markdown ul,
.markdown ol {
  margin: 0.75em 0 0.75em 1.5em;
  padding: 0;
  list-style-type: disc;
}

.markdown li {
  margin: 0.25em 0;
}

/* =========================
   Blockquote
   ========================= */
.markdown blockquote {
  border-left: 4px solid var(--markdown-blockquote-border);
  padding: 0.5em 1em;
  margin: 1em 0;
  color: var(--markdown-blockquote);
  background: var(--markdown-blockquote-bg);
  border-radius: 4px;
}

/* =========================
   Inline code
   ========================= */
.markdown code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  background: var(--markdown-code-bg);
  padding: 0.2em 0.4em;
  border-radius: 4px;
  font-size: 0.95em;
}

/* =========================
   Code blocks
   ========================= */
.markdown pre {
  background: var(--markdown-pre-bg);
  padding: 1em;
  border-radius: 8px;
  overflow-x: auto;
  margin: 1em 0;
}

.markdown pre code {
  background: none;
  padding: 0;
}

/* =========================
   Horizontal rule
   ========================= */
.markdown hr {
  border: none;
  border-top: 1px solid var(--markdown-border);
  margin: 1.5em 0;
}

/* =========================
   Tables
   ========================= */
.markdown table {
  width: 100%;
  border-collapse: collapse;
  margin: 1em 0;
}

.markdown th,
.markdown td {
  border: 1px solid var(--markdown-border);
  padding: 0.5em 0.75em;
  text-align: left;
}

.markdown th {
  background: var(--markdown-table-head-bg);
  font-weight: 600;
}

/* =========================
   Images
   ========================= */
.markdown img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
}