/*
 * 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.
 */

trix-editor {
  border: none;
  padding: 0.5rem;
  min-height: 300px;
}
trix-toolbar .trix-button-group {
  border-color: #e5e7eb;
}
.trix-content ul { list-style-type: disc; padding-left: 1.5rem; }
.trix-content ol { list-style-type: decimal; padding-left: 1.5rem; }
.trix-content strong { font-weight: 600; }
.trix-content em { font-style: italic; }
.trix-content h1 { font-size: 1.5rem; font-weight: 700; margin: 0.5rem 0; }
.trix-content blockquote { border-left: 3px solid #e5e7eb; padding-left: 1rem; color: #6b7280; }
.trix-content pre { background: #f9fafb; padding: 1rem; border-radius: 0.5rem; overflow-x: auto; }
.trix-content a { color: #4f46e5; text-decoration: underline; }