.table {margin-bottom:1.75rem;}
.table-row {background:var(--primary-100); border-radius:4px; margin-bottom:0.5rem; padding:1rem; display:flex; gap:0.5rem; flex-direction:column;}

@media (min-width:400px) {
    .table-row {flex-direction:row; gap:1rem;}
    .table-col:first-child {flex:0 0 60%;}
}

@media (min-width:530px) {
    .table-col:first-child {flex:0 0 75%;}
}