/* The whole function row opens the live sandbox. The compact marker keeps the
   six-row catalogue scannable without repeating a full CTA under every item. */
.capability-see{position:absolute;z-index:2;inset:0;width:100%;height:100%;min-height:44px;margin:0;padding:0;border:0;background:transparent;color:transparent;font-size:0;cursor:pointer;text-align:left}
.capability-see::after{content:attr(data-short) "  ↗";position:absolute;top:clamp(24px,2.7vw,32px);right:clamp(14px,2.2vw,24px);color:var(--signal);font:600 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;transition:transform .16s var(--ease),color .16s var(--ease)}
.capability-see:focus-visible{outline:2px solid var(--signal);outline-offset:-2px}
@media(hover:hover) and (pointer:fine){
  .capability-sheet li:has(.capability-see:hover){background:rgba(99,230,181,.045)}
  .capability-see:hover::after{color:var(--signal-hover);transform:translate(2px,-2px)}
}
@media(max-width:640px){
  .capability-see::after{top:24px;right:10px;font-size:9px}
  .capability-sheet strong{padding-right:38px}
}