.compact-list { border-top: 1px solid var(--text-main); }

.list-row {
    display: flex;
    padding: 0.4rem 0;
    border-bottom: 1px solid var(--border-color);
}

.row-details { flex: 1; }

@media (max-width: 1024px) {
    .compact-list { border-top: none; }
    .list-row {
        padding: 0.3rem 0.75rem;
        flex-direction: row;
        align-items: flex-start;
        gap: 0.5rem;
    }
    .row-category {
        flex: 0 0 90px;
        font-size: 0.68rem;
        margin-bottom: 0;
    }
    .row-details {
        display: flex;
        flex-direction: column;
        flex: 1;
    }
}

@media (max-width: 480px) {
    .list-row { padding: 0.2rem 0.5rem; gap: 0.3rem; }
    .row-category { flex: 0 0 72px; font-size: 0.63rem; }
}