@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .markdown-content {
    @apply text-base leading-relaxed;
  }
  
  .markdown-content h1:first-child,
  .markdown-content h2:first-child,
  .markdown-content h3:first-child {
    @apply mt-0;
  }
  
  .markdown-content p:last-child {
    @apply mb-0;
  }
  
  .markdown-content ul ul,
  .markdown-content ol ol,
  .markdown-content ul ol,
  .markdown-content ol ul {
    @apply mt-2 mb-0;
  }
  
  .markdown-content code {
    @apply break-words;
  }
  
  .markdown-content pre code {
    @apply bg-transparent p-0;
  }
  
  .markdown-content.text-xs p,
  .markdown-content.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  
  .markdown-content.text-xs strong {
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 700;
  }
}