<?php get_header(); ?>

<main class="max-w-7xl mx-auto px-4 py-8 flex flex-col <?php echo esc_attr(kumibox_sidebar_class()); ?> gap-8">
    <section class="lg:w-2/3">
        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
            <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
                
                <h1 class="text-3xl md:text-5xl font-black mb-8 border-b-2 border-black dark:border-white pb-4 text-[var(--text-main)] leading-tight">
                    <?php the_title(); ?>
                </h1>
                
                <div class="entry-content prose prose-lg dark:prose-invert max-w-none font-sans leading-relaxed text-[var(--text-main)]">
                    <?php the_content(); ?>
                </div>
                
            </article>
        <?php endwhile; endif; ?>
    </section>

    <aside class="lg:w-1/3 space-y-8">
        <?php if (is_active_sidebar('main-sidebar')) dynamic_sidebar('main-sidebar'); ?>
    </aside>
</main>

<?php get_footer(); ?>
