@import "./globals.css";

.prose {
  @apply text-secondary prose-headings:mb-4 prose-headings:first:mt-0 prose-headings:mt-8 prose-headings:font-normal prose-h1:text-xl prose-h2:text-lg prose-h3:text-base prose-code:before:hidden prose-strong:font-semibold prose-code:after:hidden prose-p:text-gray-4 prose-hr:my-4 min-w-full;
}

.prose a {
  @apply text-secondary custom-underline  cursor-pointer font-normal;
}

.prose blockquote {
  @apply  border-l-4 border-gray-2 italic [&_p]:font-medium [&_p]:before:hidden [&_p]:after:hidden;
}

.prose pre {
  @apply  bg-gray-3 text-secondary rounded-lg border;
}

.prose pre code {
  @apply text-secondary border-0 bg-inherit p-0;
}

.prose code {
  @apply  bg-gray-3 text-secondary rounded-lg border px-1 py-0.5 font-normal;
}

.prose ul {
  @apply text-secondary marker:text-gray-1 list-outside list-disc;
}

.prose ul > li {
  @apply mt-2 leading-4;
}

.prose ol {
  @apply text-secondary marker:text-gray-1 list-outside list-decimal;
}

.prose ol > li {
  @apply text-secondary marker:text-gray-1 list-outside list-decimal leading-4.5;
}

.prose ul[class="contains-task-list"] li[class="task-list-item"] {
  @apply list-none [&_p]:my-0;
}
.prose
  ul[class="contains-task-list"]
  > li[class="task-list-item"]
  > ul[class="contains-task-list"] {
  @apply pl-4.4 my-2;
}
.prose ul[class="contains-task-list"] {
  @apply my-4 pl-0;
}

.prose ul[class="contains-task-list"] > li > p {
  @apply  leading-4.5
}

.prose ul[class="contains-task-list"] > li > p > input[type="checkbox"] {
  @apply bg-gray-2 relative -mb-1 mr-1.5 inline-flex size-4 appearance-none items-center justify-center rounded-md border border-transparent transition-colors marker:list-none;
}

.prose
  ul[class="contains-task-list"]
  > li
  > p
  > input[type="checkbox"]:checked {
  background-color: var(--blue);
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

.prose hr {
  @apply border-gray-2;
}

.prose img {
  @apply rounded-md first:mt-0;
}

.prose ul[class="contains-task-list"] > li > p {
  @apply has-[:checked]:text-gray-4 has-[:checked]:line-through has-[:checked]:decoration-2;
}

.prose span[data-latex][data-display="yes"] {
  @apply block text-center;
}

.prose p > span[data-latex][data-display="yes"] {
  @apply block text-center;
}

.prose .section-container {
  @apply mb-30;
  &:nth-child(2) {
    @apply -mt-14
  }

  &:nth-child(3) {
    @apply -mt-14;
  }
}

.prose :where(.section-container:not(:has(+ .section-container), :has(+ .user-nav-tabs))) {
  @apply mb-14!;
}

.prose .section-container:not(:first-child):not(:has(+ .user-nav-tabs)):not(.user-nav-tabs + .section-container) {
  @apply mt-14;
}

.prose .user-nav-tabs {
  @apply mb-30;
  &:not(:first-child) {
    @apply -mt-14!
  }
}

.prose :where(.user-nav-tabs:not(:has(+ .section-container))) {
  @apply mb-14!;
}


