.myprose {
  @apply max-w-[65ch] text-base-content;
}

.myprose p {
  @apply my-4 leading-7;
}

.myprose .lead {
  @apply text-lg leading-8 my-6;
}

.myprose a {
  @apply underline font-medium;
}

.myprose strong {
  @apply font-semibold;
}

.myprose blockquote {
  @apply my-6 pl-4 border-l-4 border-gray-200 dark:border-gray-700 italic;
}

.myprose h1 {
  @apply text-3xl font-bold my-5;
}

.myprose h2 {
  @apply text-2xl font-semibold my-4;
}

.myprose h3 {
  @apply text-xl font-semibold my-2;
}

.myprose h4 {
  @apply text-lg font-semibold my-1;
}

.myprose ul {
  @apply my-4 pl-6 list-disc;
}

.myprose ol {
  @apply my-4 pl-6 list-decimal;
}

.myprose li {
  @apply my-2 pl-2;
}

.myprose code {
  @apply text-sm font-medium bg-gray-100 dark:bg-gray-800 rounded px-1;
}

.myprose pre {
  @apply text-sm leading-6 my-4 p-4 bg-gray-800 dark:bg-gray-900 rounded overflow-x-auto;
}

.myprose table {
  @apply w-full my-6 text-sm;
}

.myprose thead {
  @apply border-b border-gray-300 dark:border-gray-600;
}

.myprose th {
  @apply font-semibold pb-2 px-2 text-left;
}

.myprose td {
  @apply py-2 px-2 border-b border-gray-200 dark:border-gray-700;
}

.myprose hr {
  @apply my-8 border-t border-gray-200 dark:border-gray-700;
}

.myprose img, .myprose video {
  @apply my-6;
}

.myprose figcaption {
  @apply text-sm text-gray-500 dark:text-gray-400 mt-2;
}

.myprose > :first-child {
  @apply mt-0;
}

.myprose > :last-child {
  @apply mb-0;
}



/* Smooth theme transitions - only apply to elements that actually change
.theme-transition {
  transition: background-color 0.7s ease, color 0.7s ease, border-color 0.7s ease;
} */

* {transition: all .05s linear}