/* Memory Content Tab Styles */

.memory-content {
  margin-bottom: var(--space-xl);
}

.memory-content__text {
  font-family: var(--font-serif);
  font-size: var(--text-editor);
  line-height: var(--line-editor);
  color: var(--ink-dark);
}

:is(.page-content, .memory-content__text, .message-page__content, .shared-moment__content) a {
  color: var(--leather-brown);
  text-decoration-color: color-mix(in srgb, var(--leather-brown) 58%, transparent);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}

:is(.page-content, .memory-content__text, .message-page__content, .shared-moment__content) a:hover {
  text-decoration-color: currentColor;
}

:is(.page-content, .memory-content__text, .message-page__content, .shared-moment__content) mark {
  padding: 0 0.08em;
  background: color-mix(in srgb, var(--nav-accent) 32%, transparent);
  color: inherit;
}

:is(.page-content, .memory-content__text, .message-page__content, .shared-moment__content) hr {
  margin: 2.2em auto;
  border: 0;
  border-top: 1px solid var(--sepia-line);
}

:is(.page-content, .memory-content__text, .message-page__content, .shared-moment__content) ul[data-type="taskList"] {
  margin: 0 0 1.25em;
  padding: 0;
  list-style: none;
}

:is(.page-content, .memory-content__text, .message-page__content, .shared-moment__content) ul[data-type="taskList"] li {
  display: flex;
  align-items: flex-start;
  gap: 0.6em;
  margin-bottom: 0.45em;
}

:is(.page-content, .memory-content__text, .message-page__content, .shared-moment__content) ul[data-type="taskList"] li > label {
  flex: 0 0 auto;
  padding-top: 0.22em;
}

:is(.page-content, .memory-content__text, .message-page__content, .shared-moment__content) ul[data-type="taskList"] li > div {
  min-width: 0;
  flex: 1 1 auto;
}

:is(.page-content, .memory-content__text, .message-page__content, .shared-moment__content) ul[data-type="taskList"] p {
  margin: 0;
}

:is(.page-content, .memory-content__text, .message-page__content, .shared-moment__content) ul[data-type="taskList"] input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: var(--leather-brown);
  pointer-events: none;
}

/* Ensure sticker images are consistent across all areas */
.writing-editor .sticker-image,
.memory-content__text .sticker-image,
.message-page__content .sticker-image {
  width: 100px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  margin: 4px;
}

/* Ensure the flex wrapper for stickers/images (pasted/drag-dropped) is inline-flex in all content areas */
.writing-editor [contenteditable="false"][style*="display: flex"]:has(img),
.memory-content__text [style*="display: flex"]:has(img),
.message-page__content [style*="display: flex"]:has(img) {
  display: inline-flex !important;
  vertical-align: middle;
}

/* Ensure regular images are inline-block in all content areas */
.memory-content__text img:not(.sticker-image),
.message-page__content img:not(.sticker-image) {
  max-width: 100%;
  height: auto;
  border-radius: 2px;
  display: inline-block; /* Changed from block */
  margin: 4px 0; /* Adjusted from 1em 0 */
}

.memory-files {
  margin-bottom: var(--space-xl);
}

.memory-links {
  margin-bottom: var(--space-xl);
}