/* Headings */
.rich-editor h1 {
  font-size: 32px; /* 36px */
  font-weight: bold;
  margin: 0.5em 0 0.5em 0; /* Top and bottom spacing */
}

.rich-editor h2 {
  font-size: 24px; /* 30px */
  font-weight: bold;
  margin: 0.4em 0 0.5em 0;
}

.rich-editor h3 {
  font-size: 20px; /* 24px */
  font-weight: bold;
  margin: 0.35em 0 0.5em 0;
}

.rich-editor p {
  font-size: 16px;
  word-break: break-all;
  overflow-wrap: anywhere;
}

.rich-editor ul {
  list-style-type: disc;
  padding-left: 40px;
  margin: 1em 0;
}

.rich-editor ul li {
  margin: 0.5em 0;
}

.rich-editor ol {
  list-style-type: decimal;
  padding-left: 40px;
  margin: 1em 0;
}

.rich-editor ol li {
  margin: 0.5em 0;
}

.rich-editor ul ul {
  list-style-type: circle;
}

.rich-editor ol ol {
  list-style-type: lower-alpha;
}

.rich-editor li {
  line-height: 1.6;
  word-break: break-all;
  overflow-wrap: anywhere;
}

.rich-editor a {
  color: #2563eb;
  text-decoration: none;
  cursor: pointer;
  transition:
    color 0.2s ease,
    text-decoration 0.2s ease;
}

.rich-editor a:hover {
  color: #7c3aed;
  text-decoration: underline;
}

.tiptap-image-wrapper {
  width: fit-content;
}

.tiptap-image-wrapper img {
  width: auto;
  height: 200px;
}

.tiptap-image-wrapper img:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.rich-editor {
  word-break: break-all;
  overflow-wrap: anywhere;
}
