Public Access
a8c5c1837d05dfeedcd7b88e12b923cf5ffb6d61
The badge sat inside the frame (top/right: 0.85rem). It now straddles the border — top: -0.7rem, right: -0.55rem — so the card's top and right border lines run through it, like a tag on the corner. The :has() header reserve (padding-top: 3.15rem) is no longer needed and is removed: the badge now intrudes only ~12px into the card (was ~36px), so the name clears it at the card's normal 20px padding — proven with a long-name variant. At 375px the page keeps zero horizontal overflow (scrollWidth == clientWidth); the badge's 8px right protrusion has 21px of slack. Geometry is identical in both renderers (built HTML and the JS list): badge offset dt=-10px, dr=+8px. DOM order, the OCA predicate, the label and the link attributes are unchanged.
Languages
HTML
91.6%
JavaScript
6.3%
CSS
2.1%