<style>
    @scope(.article-list-text) {
        li {
            list-style: none;
            margin: 1rem 1rem;
        }

        .list-item-created-at {
            font-size: 0.8rem;
        }

        .list-item-title {
            font-weight: 600;
        }

        .list-item-caption {
            font-size: 0.8rem;
        }

        .list-item-tags {
            font-size: 0.7rem;
        }

        .p-tag-link {
            display: inline-block;
            margin-right: 0.7rem;
        }
    }
</style>
<div class="article-list article-list-text">
    <ul>
        {PPP LOOP:articles}
        <li>
            <div class="list-item log-link">
                <div class="list-item-created-at"><a href="{PPP:articles.url}" data-log-link>{PPP:articles.created_at}</a></div>
                <div class="list-item-title"><a href="{PPP:articles.url}" data-log-link>{PPP:articles.title}</a></div>
                <div class="list-item-tags">{PPP:articles.tag_links}</div>
                <div class="list-item-caption">{PPP:articles.caption}</div>
            </div>
        </li>
        {/PPP LOOP}
    </ul>
    {PPP INCLUDE:template2_parts_pagination.php}
</div>