/* Product Ranking output: page layout and the ranking table's density. */
.rank-out { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-section); }
.rank-table td.rank-rank { font-weight: 600; }
/* Eleven columns fit a 1280 px window (mockup 41 state 1): headings wrap, their markers under the words, and items
   wrap from 8rem. Narrower, the table scrolls with Item held (components.css). */
.rank-table thead th { white-space: normal; line-height: 1.2; vertical-align: bottom; }
.rank-table .rank-item { min-width: 8rem; white-space: normal; }
/* A marker in place of a Rank change stays on one line, so it does not make its row taller. */
.rank-table td.num .row-marker { white-space: nowrap; margin: 0; }
.rank-flat { color: var(--muted-foreground); }
/* Ranking products adds Brand and Manufacturer: tighter cells so the table fits without scrolling. */
.rank-prod { --table-cell-padding: 0.3125rem; font-size: var(--text-label); }
.rank-prod :is(td, th).rank-brand { white-space: normal; }
.rank-prod .rank-item { min-width: 10rem; }