/* Highlight uses paint-only properties; entrance transforms and click geometry stay intact. */
.tt-pointer-target { transition:outline-color 180ms ease,background-color 180ms ease; }
@media(hover:hover) and (pointer:fine) {
  .tt-pointer-target:hover,.tt-pointer-target.tt-pointer-active { outline:1px solid rgba(44,101,222,.48); outline-offset:5px; }
  .tt-pointer-target.tt-pointer-active { background-image:radial-gradient(circle 110px at var(--tt-pointer-x,50%) var(--tt-pointer-y,50%),rgba(44,101,222,.13),transparent); }
}
.tt-pointer-target:focus-visible { outline:3px solid #2c65de; outline-offset:5px; transition:none; }
.tt-pointer-ring { position:fixed; left:-13px; top:-13px; width:26px; height:26px; border:1px solid rgba(44,101,222,.55); border-radius:50%; background:rgba(44,101,222,.04); pointer-events:none; z-index:99999; opacity:0; }
.tt-pointer-ring.is-visible { opacity:1; }
@media(prefers-reduced-motion:reduce) { .tt-pointer-target { transition:none; } .tt-pointer-ring { display:none; } }