.marksmith-output {
  color: #e5e7eb;
  font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
  line-height: 1.7;
}

.marksmith-output h1, .marksmith-output h2, .marksmith-output h3 {
  color: #fff;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.marksmith-output h1 { font-size: 2em; }
.marksmith-output h2 { font-size: 1.5em; }
.marksmith-output h3 { font-size: 1.2em; }
.marksmith-output p {
  margin: 1em 0;
}
.marksmith-output ul, .marksmith-output ol {
  margin: 1em 0 1em 2em;
}
.marksmith-output li {
  margin-bottom: 0.5em;
}
.marksmith-output blockquote {
  border-left: 4px solid #3b82f6;
  background: #1e293b;
  color: #cbd5e1;
  padding: 0.5em 1em;
  margin: 1em 0;
  font-style: italic;
}
.marksmith-output pre, .marksmith-output code {
  background: #1e293b;
  color: #fbbf24;
  border-radius: 4px;
  font-family: 'Fira Mono', 'Consolas', monospace;
}
.marksmith-output pre {
  padding: 1em;
  overflow-x: auto;
  margin: 1em 0;
}
.marksmith-output code {
  padding: 0.2em 0.4em;
  font-size: 0.95em;
}
.marksmith-output a {
  color: #3b82f6;
  text-decoration: underline;
  transition: color 0.2s;
}
.marksmith-output a:hover {
  color: #60a5fa;
}
.marksmith-output img {
  max-width: 100%;
  border-radius: 0.5em;
  margin: 1em 0;
} 

.marksmith-output ul {
  list-style-type: none;
}

.marksmith-output ul li {
  position: relative;
  padding-left: 1.5em;
}

.marksmith-output ul li:before {
  content: "•";
  position: absolute;
  left: 0;
  color: #3b82f6;
  font-weight: bold;
}

.marksmith-output ol {
  list-style-type: none;
  counter-reset: item;
}

.marksmith-output ol li {
  position: relative;
  padding-left: 2em;
}

.marksmith-output ol li:before {
  content: counter(item) ".";
  counter-increment: item;
  position: absolute;
  left: 0;
  color: #3b82f6;
  font-weight: bold;
}