.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%}
}