/* Custom styles for Action Text content using Tailwind */
.trix-content {
  @apply leading-relaxed text-gray-700;
}

.trix-content h1 {
  @apply text-2xl font-bold mt-4 mb-2;
}

.trix-content h2 {
  @apply text-xl font-semibold mt-3 mb-2;
}

.trix-content p {
  @apply mb-4;
}

.trix-content ul {
  @apply list-disc pl-5 mb-4;
}

.trix-content ol {
  @apply list-decimal pl-5 mb-4;
}

.trix-content blockquote {
  @apply border-l-4 border-gray-300 pl-4 italic mb-4;
}

.trix-content pre {
  @apply bg-gray-100 p-4 rounded mb-4 overflow-x-auto;
}

.trix-content code {
  @apply bg-gray-100 px-1 py-0.5 rounded text-sm;
}

/* Trix editor styling with Tailwind */
trix-editor {
  @apply block w-full min-h-[12rem] p-4 border border-gray-300 rounded-md bg-white text-gray-800;
}

/* Trix toolbar styling */
trix-toolbar {
  @apply border border-gray-300 border-b-0 rounded-t-md bg-gray-50;
}

/* Toolbar button styling */
trix-toolbar .trix-button {
  @apply text-xs p-2;
}