Stop dock pills expanding on touch (overlap) + hide…

Details

The dock toggles (location/gravity/weather/brightness) expand into a labeled
pill on :hover / :focus-visible — a desktop affordance whose width the 88px
desktop slot gap absorbs. On touch there's no true hover (a tap sticks :hover)
and the mobile slot gap is only 1.5rem, so the expanded pill overlapped its
neighbours (tapping "Weather" covered gravity + brightness).
Gate the expand-to-label + hover accent-tint + z-index lift behind
@media (hover: hover) and (pointer: fine) so only real pointer/hover devices
expand; touch keeps clean compact icon circles that still function. The
keyboard focus OUTLINE stays unconditional (WCAG 2.4.7 — a ring on the compact
circle can't overlap), and the .v3-location-toggle[aria-expanded] popover-open
accent stays unconditional too. Same gating pattern as the block-gloss hot-spot.
Also hide the command palette's "ESC" hint on touch (no physical Esc key) via
@media (hover: none) and (pointer: coarse); the element stays in the DOM so
keyboard/desktop still shows it.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01YB1axhX3kbHCFJbX7LhfH8

Files changed (2)