@media (max-width: 768px) {
    .filter-controls {
        padding: var(--spacing-md);
    }

    .posts-table,
    .posts-table thead,
    .posts-table tbody,
    .posts-table tr,
    .posts-table th,
    .posts-table td {
        display: block;
    }

    .posts-table thead {
        display: none;
    }

    .posts-table tr {
        margin-bottom: var(--spacing-lg);
        border: 1px solid var(--color-border);
        border-radius: var(--radius-sm);
        background: white;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        padding: var(--spacing-sm) 0;
    }

    .posts-table td {
        display: flex;
        flex-direction: column;
        border: none;
        text-align: left;
    }

    .posts-table td:first-child {
        display: none;
    }

    .posts-table td:last-child {
        border-bottom: none;
    }

    .posts-table td::before {
        display: block;
        content: attr(data-label);
        font-weight: 700;
        font-size: 0.75rem;
        letter-spacing: 0.5px;
        margin-bottom: 4px;
    }
}