/* ============================================================ tv-infotip.css — the shared "what does this mean?" info icon used beside plan-card bullets on /Pricing, /Get-Listed and the claim landing. Emitted by TownVue.Web.Helpers.InfoTip and driven by wwwroot/js/shared/tv-infotip.js. Two pieces: .tv-tip the small circled "i" button, inline in the bullet .tv-tip-bubble ONE floating bubble, created by the script and appended to The bubble lives on on purpose. The hero snapshot card on /Pricing sets overflow:hidden, and the .reveal scroll animation puts a transform on section wrappers, either of which would clip or re-anchor a bubble positioned inside the card. Body-level plus position:fixed sidesteps both, and the script clamps the bubble inside the viewport so it can never push the page sideways. Colors are literal hex, not var(--navy) and friends: those tokens are scoped to .state-immersive, and the bubble sits outside it. ============================================================ */ /* ── The icon ──────────────────────────────────────────────── */ .tv-tip { -webkit-appearance: none; appearance: none; display: inline-flex; align-items: center; justify-content: center; flex: none; width: 16px; height: 16px; padding: 0; /* Left 2px: the views glue the icon to the bullet with a non-breaking space, which supplies most of the gap. Right -15px: a