[x-cloak] { display: none !important; }

/* Markdown rendering — tema escuro */
.prose-invert {
  color: #e2e2ea;
}
.prose-invert h1, .prose-invert h2, .prose-invert h3, .prose-invert h4 {
  color: #f4f4f8;
  font-weight: 600;
  margin-top: 1.2em;
  margin-bottom: 0.5em;
}
.prose-invert h1 { font-size: 1.6em; }
.prose-invert h2 { font-size: 1.3em; }
.prose-invert h3 { font-size: 1.1em; }
.prose-invert p { margin: 0.6em 0; line-height: 1.55; }
.prose-invert ul, .prose-invert ol { padding-left: 1.4em; margin: 0.6em 0; }
.prose-invert li { margin: 0.2em 0; }
.prose-invert code {
  background: #2c2c31;
  color: #c4c4d0;
  padding: 0.1em 0.35em;
  border-radius: 4px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.9em;
}
.prose-invert pre {
  background: #0e0e10;
  border: 1px solid #2c2c31;
  padding: 0.8em;
  border-radius: 8px;
  overflow-x: auto;
  font-size: 0.85em;
}
.prose-invert pre code {
  background: transparent;
  padding: 0;
}
.prose-invert a {
  color: #9aa6ff;
  text-decoration: none;
}
.prose-invert a:hover {
  text-decoration: underline;
}
.prose-invert blockquote {
  border-left: 3px solid #5a5a64;
  padding-left: 1em;
  color: #9090a0;
  font-style: italic;
}
.prose-invert table {
  border-collapse: collapse;
  width: 100%;
  margin: 0.8em 0;
}
.prose-invert th, .prose-invert td {
  border: 1px solid #2c2c31;
  padding: 0.4em 0.7em;
  text-align: left;
}
.prose-invert th { background: #1a1a1c; }
.prose-invert hr { border-color: #2c2c31; margin: 1.5em 0; }
.prose-invert.prose-sm * { font-size: 0.9em; }

/* Scrollbars discretos */
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { background: #3a3a40; border-radius: 4px; }
*::-webkit-scrollbar-thumb:hover { background: #5a5a64; }