/* Scoped pilot: service-directory icons and pointer, not global UI icons. */
.cs-directory .cs-directory-icon {
 display:inline-flex; align-items:center; justify-content:center;
 width:40px; height:40px;
 color:var(--cs-accent); margin-bottom:1.5rem;
}
.cs-directory .cs-capability-icon {width:36px; height:36px; fill:currentColor; stroke:none;}
.cs-directory .cs-directory-link {align-items:center;}
.cs-directory .cs-directory-link > span {font-size:1.75rem;line-height:1;flex-shrink:0;}
.cs-directory-pointer {
 position:fixed; top:0; left:0; z-index:80; pointer-events:none;
 width:30px; height:30px; border:1px solid var(--cs-accent);
 border-radius:50%; opacity:0; color:var(--cs-accent);
 display:grid; place-items:center; font:500 15px/1 sans-serif;
 transition:opacity .15s,background .2s;
}
.cs-directory-pointer.cs-is-visible {opacity:.85;}
.cs-directory-pointer.cs-is-link {background:color-mix(in srgb,var(--cs-accent) 10%,transparent);color:var(--cs-accent);opacity:.85;}
.cs-directory-pointer svg {width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:0;}
.cs-directory-pointer.cs-is-link svg {opacity:1;}
@media(hover:none),(pointer:coarse){
 .cs-directory-pointer {display:none;}
}
@media(prefers-reduced-motion:reduce){
 html:not([data-cs-motion-preview]) .cs-directory-pointer {display:none;}
 .cs-directory .cs-directory-card .cs-directory-icon {transition:none;transform:none;}
}