/* ActionText rendered content */
.trix-content {
  font-size: 0.875rem;
  line-height: 1.625;
  color: #374151;
}

.trix-content h1 { font-size: 1.25rem; font-weight: 700; margin: 0.5em 0; }
.trix-content a { color: #4f46e5; text-decoration: underline; }
.trix-content blockquote { border-left: 3px solid #e5e7eb; padding-left: 0.75rem; margin: 0.5em 0; color: #6b7280; }
.trix-content pre { background: #f3f4f6; padding: 0.5rem 0.75rem; border-radius: 0.25rem; font-size: 0.8125rem; overflow-x: auto; }
.trix-content ul, .trix-content ol { padding-left: 1.5rem; margin: 0.5em 0; }
.trix-content ul, .trix-content ol li[data-list="bullet"] { list-style-type: disc; }
.trix-content ol { list-style-type: decimal; }
.trix-content li { display: list-item; }
.trix-content .ql-ui { display: none; }
.trix-content img { max-width: 100%; height: auto; border-radius: 0.375rem; }

/* Quill overrides for compact sizing */
.ql-toolbar.ql-snow {
  border-radius: 0.375rem 0.375rem 0 0 !important;
  border-color: #e5e7eb !important;
  padding: 4px !important;
}

.ql-container.ql-snow {
  border-radius: 0 0 0.375rem 0.375rem !important;
  border-color: #e5e7eb !important;
  font-size: 0.875rem !important;
  min-height: 5rem;
}

.ql-editor {
  min-height: 5rem;
  padding: 0.5rem 0.75rem !important;
}

.ql-editor.ql-blank::before {
  font-style: normal !important;
  color: #9ca3af !important;
}

.ql-snow .ql-stroke {
  stroke: #6b7280 !important;
}

.ql-snow .ql-fill {
  fill: #6b7280 !important;
}

.ql-snow button:hover .ql-stroke {
  stroke: #111827 !important;
}

.ql-snow button:hover .ql-fill {
  fill: #111827 !important;
}

.ql-snow button.ql-active .ql-stroke {
  stroke: #4f46e5 !important;
}

.ql-snow button.ql-active .ql-fill {
  fill: #4f46e5 !important;
}

.ql-editor img {
  cursor: pointer;
  max-width: 100%;
}