/* Components/Shared/TaxCalculator/InfoTooltip.razor — only the show/hide, which
   the original drove from React state. Everything else about the panel comes
   from the Tailwind classes on the markup, so no rule here may set a property
   those utilities also set — this file is unlayered and would silently win.

   Global rather than scoped, so the rest state is anchored on .tooltip-host
   rather than matching .tooltip-panel on its own; an unqualified
   `display: none` would hide any element classed `tooltip-panel` anywhere on
   the site, including the stored page HTML ContentPage emits verbatim. */

.tooltip-host .tooltip-panel {
    display: none;
}

.tooltip-host:hover .tooltip-panel,
.tooltip-host:focus-within .tooltip-panel {
    display: block;
}