.tpl-blog-overview {
    @apply pt-6;

    .org-content-header {
        @apply mb-24;
    }

    .blog-overview-intro {
        @apply mb-24;

        .atm-heading {
            @apply text-secondary-col-1;
        }

        .atm-paragraph p {
            @apply mb-0 text-md leading-6;
        }
    }

    .mol-inline-search {
        @apply mb-3;
    }

    .atm-tag {
        @apply mb-3;
    }

    .blog-overview-list {
        .title-wrap {
            @apply mb-14;
            @apply md:flex items-start justify-between md:flex-row-reverse;
        }

        .wrapper {
            @apply grid lg:grid-cols-2;
            @apply gap-16;
        }

        .atm-pager {
            @apply mt-10;
        }

        .blog-list-wrapper {
            @apply grid;
            @apply grid-cols-12;
            @apply gap-8 xl:gap-16;

            .blog-list-cards {
                @apply col-span-12 lg:col-span-6;
            }
        }
    }
}