/* tooltip.css — The .info button and its tip popover. Cascade position 14 of 18. Order is load-bearing and is asserted by verify-fixtures.mjs; index.html links these explicitly (never @import) because Caddy's try_files turns a missing file into a 200 text/html SPA shell. Owner after Step 1: section (i). Items 77, 62. The `.info::after` tooltip this file used to hold is DELETED, not restyled. It was generated content with `pointer-events: none` (so a tap showed nothing at all) and `z-index: 40` (which cannot escape `.sheet__scroll { overflow-y: auto }` at any value). The tip is a real popover in the top layer now — see js/tooltip.js. */ /* ══ The trigger (item 77, defect 1) ══════════════════════════════════════════════════ MEASURED BEFORE: 18 x 18, below WCAG 2.2 AA 2.5.8's 24 x 24 floor and well below the 32 x 32 this app's own button base sets (css/base.css). The negative vertical margin is what lets the target be 32 px WITHOUT the settings column growing: `.field__head` (css/rail.css) is `min-height: 20px`, so a 32 px flex item with -8 px top and bottom margins has a 16 px outer size and the label row keeps the height it had. `getBoundingClientRect()` still reports 32 x 32, which is the number the pointer and the WCAG rule both care about. `margin-left: -4px` spends the same trick horizontally so the circle does not push the label's row out. `cursor: pointer`, never `cursor: help`: this is a