/* E6 (23 Oct 2026): "Is this for you?" strip on the AMR pages. Three tiles that route a mismatched paid visitor
   (indoor tracking, hospital equipment) to the right page instead of losing them. Every tile is one real link,
   so the whole tile is the tap target. Sits on the light body sections of the v3 design on both /services and /lp. */
.fit-strip { padding: 28px 0 8px; }
.fit-strip .fit-wrap { max-width: 1120px; margin: 0 auto; padding: 0 24px; }
.fit-strip h2 { margin: 0 0 14px; font-size: 1.25rem; line-height: 1.3; color: var(--v3-ink, #0F172A); }
/* E8 (23 Oct 2026): the /lp pages use the dark lp-03 theme (body.lp, bg #0a0f1f), not the light v3 design this
   component assumed - the tiles are self-contained white cards so they read fine either way, but this heading sits
   directly on the page background with no card behind it: --v3-ink (#0F172A) on #0a0f1f measured 1.07:1, effectively
   invisible. Use the lp theme's own --text token there instead. */
body.lp .fit-strip h2 { color: var(--text, #eef2ff); }
.fit-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.fit-tile { display: flex; flex-direction: column; gap: 4px; min-height: 44px; padding: 14px 16px; border: 1px solid var(--v3-line, #D7DEE8); border-radius: var(--v3-radius, 8px); background: var(--v3-white, #fff); color: var(--v3-ink, #0F172A); text-decoration: none; }
.fit-tile strong { font-size: 1rem; line-height: 1.35; color: var(--v3-ink, #0F172A); }
.fit-tile span { font-size: .9rem; line-height: 1.45; color: var(--v3-ink-2, #334155); }
.fit-tile:hover, .fit-tile:focus-visible { border-color: var(--v3-teal, #155E75); }
.fit-tile:hover strong, .fit-tile:focus-visible strong { color: var(--v3-teal, #155E75); text-decoration: underline; }
.fit-tile:focus-visible { outline: 2px solid var(--v3-teal, #155E75); outline-offset: 2px; }
.fit-tile.is-here { border-color: var(--v3-teal, #155E75); box-shadow: inset 3px 0 0 var(--v3-teal, #155E75); }
@media (max-width: 760px) {
  .fit-strip { padding: 20px 0 4px; }
  .fit-strip .fit-wrap { padding: 0 16px; }
  .fit-tiles { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .fit-tile { padding: 12px 14px; }
}