Card badges overlapped headings
Badges are useful orientation marks on library cards, but absolute positioning can crowd a heading if the text has no reserved space. A one-card adjustment would have hidden the underlying pattern. The issue belonged to the shared card context, so the repair did too.
Reserve space above card text
The rule reserves a top band for the badge and gives the title and copy room beneath it. That protects the visual hierarchy already established for the Study Library rather than moving the badge unpredictably from card to card. The solution is scoped to the library grid, not imposed on unrelated components.
Why responsive checks matter
A card that works at a wide desktop width can fail at a phone width where headings wrap. The adjustment was verified at both desktop and narrow mobile layouts. Responsive work is not a final screenshot; it is a check that the same information order survives a different amount of horizontal space.
Keep repeated card layouts consistent
Repeated interface elements should have repeated rules. The result is easier to inspect, easier to change, and less likely to drift as new collections are added. This post records the decision because small layout rules become part of a site’s maintenance architecture.