Most-common-words pages: search rows line up, words set like words

[xuelink]

Checked /tools/most-common-words and all 53 language lists at 320, 375 and 1280px.

Fixed

• Search results on the index: each result row sized its own columns, so the language and meaning columns started wherever that row's word ended. For "water", 12 of 53 rows were off, by up to 54px. The columns now have fixed widths (word 11rem, language 7rem, enough for "Vietnamese"), and a long word wraps within its own column. After the fix, all 60 rows start at the same x.
• Words in the lists: a word was body-size at weight 600, the same as the rest of the row, so a Malayalam or Arabic word was the hardest thing to read in it. Words are now Nunito 800 at 1.125rem.
• Selected "Top N" chip: it had an ink outline. It's now blue on the blue tint, per DESIGN.md: "If it can be tapped, focused or is currently selected, it is blue."
• Grey text: the table header, rank numbers, "Showing X of Y", the credit line and the search placeholder used text-tertiary, which DESIGN.md keeps for inside the phone mockups. They now use text-quiet.

No problem found

• All 53 language pages at 375px, plus Spanish at 320px: no page overflow and no controls off-screen.
• After the size change, Finnish, Hungarian, German, Malayalam, Tamil and Georgian at 320px: no word is cut off.
• The stats row, the "Start here" grid and the all-languages list line up.

Prettier also re-wrapped one credit-paragraph line that was already unformatted on main.

🤖 Generated with Claude Code