#artifact-content.raw-preview {
  font: 12px/1.55 ui-monospace, SFMono-Regular, Consolas, monospace;
  white-space: pre-wrap;
}

#artifact-content.markdown-preview {
  padding: clamp(18px, 4vw, 44px);
  background: linear-gradient(160deg, #10150e, #0a0c0a);
  color: #e8ede3;
  font: 15px/1.65 Inter, ui-sans-serif, system-ui, sans-serif;
  white-space: normal;
}

#artifact-content.markdown-preview > h1,
#artifact-content.markdown-preview > h2,
#artifact-content.markdown-preview > h3,
#artifact-content.markdown-preview > h4,
#artifact-content.markdown-preview > h5,
#artifact-content.markdown-preview > h6 {
  margin: 1.5em 0 0.55em;
  color: #f7f5ec;
  line-height: 1.2;
}

#artifact-content.markdown-preview > h1:first-child,
#artifact-content.markdown-preview > h2:first-child {
  margin-top: 0;
}

#artifact-content.markdown-preview h1 { font-size: clamp(28px, 5vw, 44px); }
#artifact-content.markdown-preview h2 {
  padding-bottom: 0.35em;
  border-bottom: 1px solid #303a2b;
  font-size: 26px;
}
#artifact-content.markdown-preview h3 { font-size: 20px; }
#artifact-content.markdown-preview p { max-width: 78ch; margin: 0.65em 0; }
#artifact-content.markdown-preview ul,
#artifact-content.markdown-preview ol { max-width: 78ch; padding-left: 1.6em; }
#artifact-content.markdown-preview li { margin: 0.3em 0; }

#artifact-content.markdown-preview blockquote {
  max-width: 76ch;
  margin: 1.2em 0;
  padding: 0.6em 1.1em;
  border-left: 3px solid var(--acid);
  background: #172011;
  color: #d9e1d3;
}

#artifact-content.markdown-preview code {
  display: inline;
  margin: 0;
  padding: 0.12em 0.4em;
  border: 1px solid #35412c;
  border-radius: 5px;
  background: #171d14;
  color: #dfff62;
  font: 12px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace;
}

#artifact-content.markdown-preview pre {
  overflow: auto;
  padding: 14px;
  border: 1px solid #2e3828;
  border-radius: 10px;
  background: #080a08;
}

#artifact-content.markdown-preview pre code {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #dfe5d9;
  white-space: pre;
}

#artifact-content.markdown-preview a {
  color: var(--acid);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

#artifact-content.markdown-preview .omitted-image {
  color: var(--muted);
  font-style: italic;
}

#artifact-content.markdown-preview .table-scroll {
  width: 100%;
  max-width: 100%;
  overflow: auto;
  margin: 1.2em 0;
  border: 1px solid #30382c;
  border-radius: 10px;
}

#artifact-content.markdown-preview table {
  width: 100%;
  border-collapse: collapse;
  background: #10140e;
}

#artifact-content.markdown-preview th,
#artifact-content.markdown-preview td {
  min-width: 130px;
  padding: 10px 12px;
  border-bottom: 1px solid #2b3327;
  text-align: left;
  vertical-align: top;
}

#artifact-content.markdown-preview th {
  position: sticky;
  top: 0;
  background: #20291a;
  color: #efffc0;
}

#artifact-content.markdown-preview tr:last-child td { border-bottom: 0; }
#artifact-content.markdown-preview hr {
  margin: 2em 0;
  border: 0;
  border-top: 1px solid #34402d;
}