/* stylelint-disable selector-pseudo-class-no-unknown */
@import 'tailwindcss' reference;
@import '../../assets/css/theme.css' reference;
@import '../../assets/css/utilities.css' reference;

.notes-body {
  @apply overflow-y-auto rounded-lg p-5 max-h-[200px] text-base leading-[1.5] bg-bg-tertiary text-secondary;
}

.notes-body :deep(h1),
.notes-body :deep(h2),
.notes-body :deep(h3) {
  @apply font-bold text-main mt-5 mb-2;
}

.notes-body :deep(h1:first-child),
.notes-body :deep(h2:first-child),
.notes-body :deep(h3:first-child) {
  @apply mt-0;
}

.notes-body :deep(p) {
  @apply mb-2;
}

.notes-body :deep(ul),
.notes-body :deep(ol) {
  @apply list-inside my-3.5 pl-6;
}

.notes-body :deep(li) {
  @apply mb-1.5;
}

.notes-body :deep(a) {
  @apply text-accent underline;
}

.notes-body :deep(a:hover) {
  @apply text-accent-hover;
}

.notes-body :deep(img) {
  @apply max-w-full rounded-md;
}
