/* ============================================================================
COUNT-AWARE ROWS
============================================================================
A repeated-content section is laid out from HOW MANY things are in it, not
from a column count typed in once and then outlived by the content. Four
related links used to render as 3 + 1, leaving one card stranded at the left
of its own row; five tiles rendered 3 + 2 with the pair jammed left.
FLEX, NOT GRID, AND THAT IS THE WHOLE TRICK. A grid can give equal columns
but it cannot centre an incomplete final row: the orphans sit in tracks 1..n
and the empty tracks hold the space open on the right. Flex items with a
fixed basis and `justify-content:center` give identical widths and identical
gaps AND centre whatever is left over, with no empty cells to leave holes.
HOW TO USE IT
…
`data-count` is written by sfv-grid.js from the number of visible children,
so adding, removing, hiding or reordering items in Admin re-balances the
section with no CSS change and no hand-maintained number.
The balance for each count is the owner's, 2 through 10:
2→2 3→3 4→2×2 5→3+2 6→3×2 7→4+3 8→4×2 9→3×3 10→5×2
Anything above ten falls back to four per row, still centred.
========================================================================= */
/* SPECIFICITY, DELIBERATELY. Several of these sections were already laid out
by a display:grid in a page's own inline