/* Neon applies only to interactive text, not button surfaces. */
:root{--action-lime:#b6ff00}
.dark-button,.nav .nav-cta,.primary,.enquire,.image-link,.secondary,.motion-control,.text-link,.builder-action{transition:color .18s ease}
.dark-button:is(:hover,:active,:focus-visible),.nav .nav-cta:is(:hover,:active,:focus-visible),
.primary:is(:hover,:active,:focus-visible),.enquire:is(:hover,:active,:focus-visible),
.image-link:is(:hover,:active,:focus-visible),.secondary:is(:hover,:active,:focus-visible),
.motion-control:is(:hover,:active,:focus-visible),.text-link:is(:hover,:active,:focus-visible),
.nav nav>a:is(:hover,:active,:focus-visible),.hero-bottom a:is(:hover,:active,:focus-visible){color:var(--action-lime)!important}
.builder-tile:is(:hover,:active,:focus-visible,.selected) .builder-action,
.builder-tile:is(:hover,:active,:focus-visible,.selected) .builder-action b,
.text-link:is(:hover,:active,:focus-visible) span{color:var(--action-lime)!important}
.builder-tile:hover,.builder-tile:focus-visible{outline:2px solid var(--action-lime)!important;outline-offset:3px}
.builder-tile.selected{outline:2px solid var(--action-lime)!important;outline-offset:3px}
.floating-wa:is(:hover,:active,:focus-visible) .wa-bubble,
.floating-wa:is(:hover,:active,:focus-visible) .wa-phone{stroke:var(--action-lime)!important}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #697181;outline-offset:4px}
@media(prefers-reduced-motion:reduce){a,button,.builder-action{transition:none!important}}