/* Writing surface: caret + selection (not practical with Tailwind alone) */
.rich-editor-surface .ProseMirror {
  caret-color: rgb(51 65 85 / 0.85);
}

.rich-editor-surface .ProseMirror ::selection {
  background: rgb(14 165 233 / 0.14);
}

/* Tiptap placeholder (contenteditable — needs ::before) */
.rich-editor-surface .ProseMirror p.is-empty::before {
  content: attr(data-placeholder);
  float: left;
  height: 0;
  pointer-events: none;
  color: rgb(148 163 184 / 0.58);
  font-weight: 400;
  letter-spacing: 0.01em;
}

.rich-editor-surface .ProseMirror:focus p.is-empty::before {
  color: rgb(148 163 184 / 0.42);
}