/* Featured Logos hover card (owner 2026-10-27, docs/IP-Featured-Logos.md). Loaded by the home page only, next to the strip.
   Every rule is under .featured-businesses so it cannot reach another page; the tile, grid and viewport rules in web.css are not
   touched. The card sits in .featured-tip-anchor (outside the clipping .featured-viewport) and public/js/featured-tooltip.js places it. */
.featured-businesses .featured-tip-anchor {
  position: relative;
}
.featured-businesses .featured-tip {
  position: absolute;
  z-index: 5;
  width: max-content;
  max-width: min(280px, 100%);
  padding: var(--space-3, 12px) var(--space-4, 16px);
  border: 1px solid var(--border, #dedede);
  border-radius: var(--radius-md, 8px);
  background: var(--surface, #ffffff);
  color: var(--ink, #44555b);
  box-shadow: var(--elevation-2, 0 4px 12px rgba(0, 0, 0, 0.12));
  text-align: center;
}
.featured-businesses .featured-tip[hidden] {
  display: none;
}
.featured-businesses .featured-tip__text {
  margin: 0 0 var(--space-3, 12px);
  font-size: var(--text-sm, 14px);
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.featured-businesses .featured-tip__cta {
  display: inline-block;
}