.article-content {
    h1 {
        @apply text-3xl font-semibold tracking-tight text-brand-700 mt-12 mb-6 dark:text-white;
    }

    h2 {
        @apply text-2xl font-semibold tracking-tight text-brand-700 mt-10 mb-4 dark:text-white;
    }

    h3 {
        @apply text-xl font-semibold tracking-tight text-brand-700 mt-8 mb-3 dark:text-white;
    }

    p {
        @apply mt-6 text-base/7 text-slate-700 dark:text-slate-100;
    }

    ul {
        @apply mt-6 ml-6 list-disc space-y-2 text-slate-700 dark:text-slate-100;

        li {
            @apply pl-2;
        }
    }

    ol {
        @apply mt-6 ml-6 list-decimal space-y-2 text-slate-700 dark:text-slate-100;

        li {
            @apply pl-2;
        }
    }

    strong {
        @apply font-semibold text-brand-700 dark:text-white;
    }

    a {
        @apply text-primary-500 underline underline-offset-4 hover:text-primary-600 dark:text-primary-300 dark:hover:text-primary-200;
    }

    blockquote {
        @apply mt-8 border-l-4 border-primary-500 pl-6 italic text-slate-600 dark:border-primary-400 dark:text-slate-100;
    }

    hr {
        @apply my-12 border-t border-slate-200 dark:border-white/10;
    }

    code {
        @apply rounded bg-slate-100 px-1.5 py-0.5 text-sm font-mono text-brand-700 dark:bg-white/10 dark:text-slate-200;
    }

    pre {
        @apply mt-6 overflow-x-auto rounded-lg bg-slate-900 p-4 text-sm/6 text-slate-100 dark:bg-brand-800;

        code {
            @apply bg-transparent p-0 text-inherit;
        }
    }

    table {
        @apply mt-6 w-full text-left text-sm;

        thead {
            @apply border-b border-slate-300 dark:border-white/20;

            th {
                @apply py-3 pr-4 font-semibold text-brand-700 dark:text-white;
            }
        }

        tbody {
            tr {
                @apply border-b border-slate-200 dark:border-white/10;
            }

            td {
                @apply py-3 pr-4 text-slate-700 dark:text-slate-100;
            }
        }
    }

    img {
        @apply mt-8 rounded-lg shadow-md;
    }
}