/* ── RESPONSIVE ───────────────────────────────────────────── */
@media (max-width: 768px) {
    #karchive-posts-container[data-view="grid"] {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--spacing-lg);
    }

    #karchive-posts-container[data-view="list"] .karchive-post-item__thumb {
        width: 100px;
        height: 70px;
    }

    .karchive-header {
        padding: 40px var(--spacing-xl) 30px;
    }

    .karchive-results-header {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 560px) {
    #karchive-posts-container[data-view="grid"] {
        grid-template-columns: 1fr;
    }

    #karchive-posts-container[data-view="list"] .karchive-post-item {
        flex-direction: column;
        gap: var(--spacing-md);
    }

    #karchive-posts-container[data-view="list"] .karchive-post-item__thumb {
        width: 100%;
        height: 160px;
    }

    .karchive-container {
        padding: var(--spacing-2xl) var(--spacing-lg);
    }
}