<div class="col-md-6 col-lg-4 d-flex align-items-stretch" data-aos="fade-up">
    <article id="post-<?php the_ID(); ?>" <?php post_class('card w-100 border-0 shadow-sm overflow-hidden h-100'); ?>>
        <?php if (has_post_thumbnail()): ?>
            <a href="<?php the_permalink(); ?>">
                <?php the_post_thumbnail('large', array('class' => 'card-img-top img-fluid w-100', 'style' => 'height: 200px; object-fit: cover;')); ?>
            </a>
        <?php endif; ?>

        <div class="card-body d-flex flex-column p-4">
            <header class="entry-header mb-3">
                <div class="mb-2 text-uppercase small fw-bold text-muted tracking-wider">
                    <?php echo get_the_category_list(', '); ?>
                </div>

                <?php the_title('<h3 class="card-title h5 fw-bold lh-base"><a href="' . esc_url(get_permalink()) . '" class="text-dark text-decoration-none stretched-link">', '</a></h3>'); ?>

                <div class="text-muted small mt-2 d-flex align-items-center flex-wrap gap-2">
                    <span>
                        <?php echo get_the_date(); ?>
                    </span>
                    <span>•</span>
                    <span>
                        <?php echo function_exists('wisdom1_reading_time') ? wisdom1_reading_time() : ''; ?>
                    </span>
                    <span>•</span>
                    <span>
                        <?php comments_number('0 comments', '1 comment', '% comments'); ?>
                    </span>
                </div>
            </header>

            <div class="card-text text-muted flex-grow-1">
                <?php the_excerpt(); ?>
            </div>
        </div>
    </article>
</div>