@tailwind base;
@tailwind components;
@tailwind utilities;

.ProseMirror {
  outline: none;
  min-height: 9rem;
  padding: 0.5rem 0.75rem;
  color: #f0fdf4;
  font-size: 0.875rem;
}
.ProseMirror p { margin-bottom: 0.5rem; }
.ProseMirror p:last-child { margin-bottom: 0; }
.ProseMirror ol { list-style: decimal; padding-left: 1.25rem; margin-bottom: 0.5rem; }
.ProseMirror ul { list-style: disc; padding-left: 1.25rem; margin-bottom: 0.5rem; }
.ProseMirror li { margin-bottom: 0.15rem; }
.ProseMirror h2 { color: white; font-weight: 600; font-size: 1rem; margin-bottom: 0.25rem; margin-top: 0.75rem; }
.ProseMirror h2:first-child { margin-top: 0; }
.ProseMirror strong { color: white; font-weight: 600; }
.ProseMirror em { font-style: italic; color: #d1d5db; }
.ProseMirror p.is-editor-empty:first-child::before {
  content: "Step-by-step instructions...";
  color: #4b5563;
  pointer-events: none;
  float: left;
  height: 0;
}