.function-details{position:absolute;inset:0;z-index:5;pointer-events:none}
.function-details[hidden]{display:none!important}
.function-detail-outline{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.function-detail-outline polygon{fill:#a7dce009;stroke:#bdeef0;stroke-width:1.1;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.function-detail-marker{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #aedce042;border-radius:50%;background:#000000cf;color:#b6e3e5;font:15px/1 var(--mono);cursor:help;pointer-events:auto;opacity:.42;transition:opacity .15s,border-color .15s}
.software-visual:hover .function-detail-marker,.function-detail-marker:focus-visible,.function-detail-marker.selected{opacity:1}
.function-detail-marker:hover,.function-detail-marker.selected{border-color:#bdeef0;background:#000}
.function-detail-marker:focus-visible{outline:2px solid #f0bfdc;outline-offset:4px}
.function-detail-tooltip{position:absolute;box-sizing:border-box;width:280px;padding:19px 20px 15px;border:1px solid #a7dce05c;border-radius:7px;background:#000;box-shadow:0 12px 40px #000d;color:#dce8e9;pointer-events:auto;z-index:2}
.function-detail-tooltip[hidden]{display:none!important}
.function-detail-tooltip strong{display:block;font-size:17px;font-weight:500;line-height:1.3;letter-spacing:-.025em}
.function-detail-tooltip p{margin:11px 0 14px;font-size:13px;line-height:1.75;color:#a9b9c2}
.function-detail-hint{display:block;border-top:1px solid #afdae023;padding-top:10px;font:9px/1.5 var(--mono);color:#91abb6}
@media(prefers-reduced-motion:reduce){.function-detail-marker{transition:none}}

/* The close control stays available while a compact phone detail scrolls. */
.function-detail-heading{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#000}
.function-detail-heading strong{min-width:0;flex:1}
.function-detail-close{flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #a7dce035;border-radius:5px;background:#000;color:#b6e3e5;font:24px/1 var(--mono);cursor:pointer;touch-action:manipulation}
.function-detail-close:hover{border-color:#bdeef0;color:#fff}
.function-detail-close:focus-visible{outline:2px solid #f0bfdc;outline-offset:2px}