.post-page .post-list {
    align-items: stretch;
}

.post-page .rfzj_post_card--feature {
    height: 100%;
}

@media (max-width: 768px) {
    .post-page {
        --rfj-post-filter-height: 46px;
        --rfj-post-filter-top: var(--rfzj-mobile-channel-nav-height, 50px);
    }

    .post-page .post-filter-section {
        position: sticky;
        top: var(--rfj-post-filter-top);
        z-index: 210;
        min-height: var(--rfj-post-filter-height);
        margin: 0 calc(50% - 50vw) 1.25rem;
        padding: 4px 0;
        border-bottom: 1px solid rgba(15, 23, 42, 0.08);
        background: rgba(255, 255, 255, 0.98);
        box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
        backdrop-filter: saturate(160%) blur(14px);
    }

    .post-page .post-filter-section.is-fixed {
        position: fixed;
        top: var(--rfj-post-filter-top);
        left: 0;
        right: 0;
        margin: 0;
    }

    .post-page .post-filter-placeholder {
        display: none;
    }

    .post-page .post-filter-placeholder.is-active {
        display: block;
        height: calc(var(--rfj-post-filter-height) + 1.25rem);
    }

    .post-page .post-category-tabs {
        flex-wrap: nowrap;
        gap: 8px;
        height: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 3px 16px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .post-page .post-category-tabs::-webkit-scrollbar {
        display: none;
    }

    .post-page .post-tab-item {
        align-self: center;
        flex: 0 0 auto;
        padding: 7px 13px;
        font-size: 13px;
        line-height: 1.2;
        box-shadow: none;
    }

    .post-page .rfzj_post_card--feature {
        display: grid;
        grid-template-columns: 112px minmax(0, 1fr);
        gap: 13px;
        padding: 14px 0;
    }

    .post-page .rfzj_post_card--feature .rfzj_post_card__media {
        width: 112px;
        aspect-ratio: 16 / 10;
        border-radius: 14px;
    }

    .post-page .rfzj_post_card--feature .rfzj_post_card__body {
        padding-top: 0;
    }

    .post-page .rfzj_post_card--feature .rfzj_post_card__title {
        font-size: 16px;
    }

    .post-page .rfzj_post_card--feature .rfzj_post_card__summary {
        -webkit-line-clamp: 2;
        font-size: 13px;
    }

    .post-page .rfzj_post_card--feature .rfzj_post_card__facts {
        display: none;
    }

    .post-page .post-list,
    .post-page .featured-posts-section {
        scroll-margin-top: calc(var(--rfzj-mobile-channel-nav-height, 50px) + var(--rfj-post-filter-height) + 12px);
    }
}