/* Typography */
        .prose {
            color: rgb(55 65 81);
            font-size: 1rem;
            line-height: 1.6;
        }
        
        .dark .prose {
            color: rgb(209 213 219);
        }
        
        .prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 {
            color: rgb(17 24 39);
            font-weight: 600;
            line-height: 1.3;
            margin-top: 1.5rem;
            margin-bottom: 0.75rem;
        }
        
        .dark .prose h1, .dark .prose h2, .dark .prose h3, .dark .prose h4, .dark .prose h5, .dark .prose h6 {
            color: rgb(243 244 246);
        }
        
        .prose h1 {
            font-size: 1.875rem;
        }
        
        .prose h2 {
            font-size: 1.5rem;
        }
        
        .prose h3 {
            font-size: 1.25rem;
        }
        
        .prose p {
            margin-top: 1rem;
            margin-bottom: 1rem;
        }
        
        .prose ul, .prose ol {
            margin-top: 1rem;
            margin-bottom: 1rem;
            padding-left: 1.5rem;
        }
        
        .prose li {
            margin-top: 0.5rem;
            margin-bottom: 0.5rem;
        }
        
        .prose blockquote {
            font-weight: 500;
            font-style: italic;
            color: rgb(107 114 128);
            border-left-width: 0.25rem;
            border-left-color: rgb(229 231 235);
            margin-top: 1.5rem;
            margin-bottom: 1.5rem;
            padding-left: 1rem;
            font-size: 1rem;
        }
        
        .dark .prose blockquote {
            color: rgb(156 163 175);
            border-left-color: rgb(75 85 99);
        }
        
        .prose code {
            color: rgb(31 41 55);
            font-weight: 500;
            font-size: 0.875rem;
            background-color: rgb(249 250 251);
            padding: 0.25rem 0.5rem;
            border-radius: 0.375rem;
        }
        
        .dark .prose code {
            color: rgb(243 244 246);
            background-color: rgb(55 65 81);
        }
        
        .prose pre {
            color: rgb(229 231 235);
            background-color: rgb(31 41 55);
            overflow-x: auto;
            font-weight: 400;
            font-size: 0.875rem;
            line-height: 1.6;
            margin-top: 1.5rem;
            margin-bottom: 1.5rem;
            border-radius: 0.5rem;
            padding: 1rem;
        }
        
        .prose pre code {
            background-color: transparent;
            border-width: 0;
            border-radius: 0;
            padding: 0;
            font-weight: inherit;
            color: inherit;
            font-size: inherit;
            font-family: inherit;
            line-height: inherit;
        }
        
        .prose table {
            width: 100%;
            table-layout: auto;
            text-align: left;
            margin-top: 2rem;
            margin-bottom: 2rem;
            border-radius: 0.5rem;
            overflow: hidden;
            border: 1px solid rgb(229 231 235);
        }
        
        .dark .prose table {
            border-color: rgb(75 85 99);
        }
        
        .prose thead {
            color: rgb(17 24 39);
            font-weight: 600;
            border-bottom-width: 1px;
            border-bottom-color: rgb(229 231 235);
            background-color: rgb(249 250 251);
        }
        
        .dark .prose thead {
            color: rgb(243 244 246);
            border-bottom-color: rgb(75 85 99);
            background-color: rgb(55 65 81);
        }
        
        .prose thead th {
            vertical-align: bottom;
            padding: 0.75rem;
            font-size: 0.875rem;
        }
        
        .prose tbody tr {
            border-bottom-width: 1px;
            border-bottom-color: rgb(249 250 251);
        }
        
        .dark .prose tbody tr {
            border-bottom-color: rgb(55 65 81);
        }
        
        .prose tbody tr:nth-child(2n) {
            background-color: rgb(249 250 251);
        }
        
        .dark .prose tbody tr:nth-child(2n) {
            background-color: rgb(55 65 81);
        }
        
        .prose tbody td {
            vertical-align: baseline;
            padding: 0.75rem;
        }
        
        /* Transitions */
        * {
            transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
        }
        
        /* Focus styles */
        .focus\:ring-2:focus {
            box-shadow: 0 0 0 3px rgba(183, 156, 80, 0.2);
        }
        
        /* Scrollbar */
        ::-webkit-scrollbar {
            width: 6px;
        }
        
        ::-webkit-scrollbar-track {
            background: rgb(243 244 246);
        }
        
        .dark ::-webkit-scrollbar-track {
            background: rgb(55 65 81);
        }
        
        ::-webkit-scrollbar-thumb {
            background: rgb(156 163 175);
            border-radius: 3px;
        }
        
        ::-webkit-scrollbar-thumb:hover {
            background: rgb(107 114 128);
        }