/* Name left, category right, description below. Existing type and art sizes stay. */
.work-card .card-info{container-type:inline-size;display:grid;grid-template-columns:minmax(min-content,1fr) minmax(0,max-content);column-gap:12px;row-gap:7px;align-items:center}
.work-card .card-info .card-title{grid-column:1;grid-row:1;margin:0;align-self:center}
.work-card .card-info .card-meta{grid-column:2;grid-row:1;display:flex;flex-wrap:nowrap;justify-content:flex-end;align-self:center;gap:10px;min-width:0;max-width:100%;margin:0;overflow:hidden;white-space:nowrap;text-align:right}
.work-card .card-meta .card-category{display:block;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.work-card .card-meta .card-category-full{display:inline}
.work-card .card-meta .card-category-short{display:none;text-decoration:none;border:0}
.work-grid .work-card .card-info .card-meta .card-scope{display:none}
.work-card .card-info>p{grid-column:1/-1;grid-row:2}
@container(max-width:420px){
    .work-card .card-meta .card-category-full{display:none}
    .work-card .card-meta .card-category-short{display:inline}
    .work-card .card-info .card-meta{font-size:11px;letter-spacing:.03em;gap:8px}
}
@container(max-width:240px){
    .work-card .card-info .card-meta{font-size:10px;letter-spacing:0;gap:6px}
}
@container(max-width:200px){
    .work-card .card-info .card-meta{font-size:11px;letter-spacing:.03em}
}