/* /tools/products/: the pack's products people can use today, with their stage (queue row 124) */
.product-rows { list-style: none; padding: 0; margin: var(--matrix-space-16) 0 0; display: grid; gap: var(--matrix-space-12); grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); }
.product-row { padding: var(--matrix-space-12) var(--matrix-space-16); border: 1px solid var(--matrix-border); border-radius: var(--matrix-radius-control); background: var(--matrix-surface); }
.product-row p { margin: 0; }
.product-row-head { font-size: var(--matrix-type-control); }
.product-row-meta { margin-top: var(--matrix-space-4) !important; font-size: var(--matrix-type-caption); color: var(--matrix-muted); }
.product-row-tools { margin-top: var(--matrix-space-8) !important; font-size: var(--matrix-type-caption); overflow-wrap: anywhere; }
.product-id { display: inline-block; padding: 0 6px; border-radius: 4px; background: var(--matrix-hover); font-variant-numeric: tabular-nums; font-size: var(--matrix-type-caption); }
.stage { font-weight: 600; color: var(--matrix-text); }
.stage--released { color: var(--matrix-success); }