/* Markdown/Specification Document Styles */

.markdown-content h1 {
  @apply text-3xl font-bold text-gray-900 mb-6 mt-8 pb-4 border-b-2 border-gray-200;
}

.markdown-content h2 {
  @apply text-2xl font-bold text-gray-900 mb-5 mt-12 pb-3 border-b border-gray-200;
}

.markdown-content h3 {
  @apply text-xl font-semibold text-gray-900 mb-4 mt-8;
}

.markdown-content h4 {
  @apply text-lg font-semibold text-gray-900 mb-3 mt-6;
}

.markdown-content p {
  @apply text-gray-700 mb-4 leading-relaxed;
}

.markdown-content a {
  @apply text-blue-600 underline decoration-blue-300 hover:decoration-blue-600;
}

.markdown-content strong {
  @apply text-gray-900 font-semibold;
}

.markdown-content em {
  @apply text-gray-800 italic;
}

.markdown-content code {
  @apply text-pink-600 bg-pink-50 px-1.5 py-0.5 rounded text-sm font-mono;
}

.markdown-content pre {
  @apply bg-gray-900 text-gray-100 p-4 rounded-lg overflow-x-auto my-6;
}

.markdown-content pre code {
  @apply text-gray-100 bg-transparent p-0;
}

.markdown-content ul {
  @apply list-disc ml-6 mb-4 space-y-2;
}

.markdown-content ol {
  @apply list-decimal ml-6 mb-4 space-y-2;
}

.markdown-content li {
  @apply text-gray-700 leading-relaxed;
}

.markdown-content blockquote {
  @apply border-l-4 border-blue-500 pl-4 italic text-gray-600 my-6;
}

.markdown-content hr {
  @apply border-gray-300 my-8;
}

.markdown-content table {
  @apply border-collapse w-full my-6;
}

.markdown-content th {
  @apply border border-gray-300 bg-gray-100 p-3 text-left font-semibold;
}

.markdown-content td {
  @apply border border-gray-300 p-3 text-gray-700;
}

/* Nested lists */
.markdown-content ul ul,
.markdown-content ol ol,
.markdown-content ul ol,
.markdown-content ol ul {
  @apply mt-2 mb-0;
}