/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Rendered markdown — assistant chat messages. Minimal: the assistant's turn is
   free text in the transcript, so it needs block spacing and code/table rules
   that Tailwind's reset strips, and nothing else. */
.markdown {
  overflow-wrap: break-word;
}
.markdown > :first-child {
  margin-top: 0;
}
.markdown > :last-child {
  margin-bottom: 0;
}
.markdown p,
.markdown ul,
.markdown ol,
.markdown pre,
.markdown blockquote,
.markdown table {
  margin: 0.5rem 0;
}
.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4 {
  margin: 0.75rem 0 0.25rem;
  font-weight: 600;
}
.markdown ul {
  list-style: disc;
  padding-left: 1.25rem;
}
.markdown ol {
  list-style: decimal;
  padding-left: 1.25rem;
}
.markdown li {
  margin: 0.125rem 0;
}
.markdown a {
  text-decoration: underline;
}
.markdown code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.875em;
  background: #f5f5f5;
  padding: 0.1em 0.3em;
  border-radius: 0.25rem;
}
.markdown pre {
  background: #f5f5f5;
  padding: 0.75rem;
  border-radius: 0.375rem;
  overflow-x: auto;
}
.markdown pre code {
  background: transparent;
  padding: 0;
}
.markdown blockquote {
  border-left: 2px solid #e5e5e5;
  padding-left: 0.75rem;
  color: #525252;
}
.markdown table {
  border-collapse: collapse;
}
.markdown th,
.markdown td {
  border: 1px solid #e5e5e5;
  padding: 0.25rem 0.5rem;
  text-align: left;
}