.content {
    @apply text-lg leading-relaxed;
  }
  
  .content p,
  .content ul,
  .content ol,
  .content blockquote {
    @apply my-6;
  }
  
  .content a {
    @apply underline;
  }
  
  .content ul,
  .content ol {
    @apply pl-4;
  }
  
  .content ul {
    @apply list-disc;
  }
  
  .content ol {
    @apply list-decimal;
  }
  
  .content ul > li > ul,
  .content ol > li > ol {
    @apply my-0 ml-4;
  }
  
  .content ul > li > ul {
    list-style: circle;
  }
  
  .content h1 {
    @apply text-3xl lg:text-4xl mt-8 mb-4 leading-snug text-primary;
  }

  .content h2 {
    @apply text-2xl lg:text-3xl mt-8 mb-4 leading-snug text-primary;
  }
  
  .content h3 {
    @apply text-xl lg:text-2xl mt-6 mb-4 leading-snug;
  }
  
  .content h4 {
    @apply text-lg lg:text-xl mt-4 mb-4 leading-snug;
  }
  
  .content p {
    @apply text-sm-15 lg:text-base;
  }

  .content pre {
    @apply whitespace-pre overflow-x-auto p-4 text-sm leading-tight;
  }
  
  .content code {
    @apply text-sm;
  }
  
  .content figcaption {
    @apply text-center text-sm;
  }
  
  .content blockquote {
    @apply border-l-4 italic ml-0 py-4 px-6;
  }
  
  .content blockquote p {
    @apply mt-0;
  }
  
  .content blockquote cite {
    @apply not-italic;
  }
  
  .content audio {
    @apply w-full;
  }