/* The billet is cut from three solid faces; the inspection object is a corner
   casting with three apertures. Both ship as local SVG, including without JS. */
.arsk-pointer-registry {position:absolute;inset:0 auto auto 0;width:0;height:0;overflow:hidden;pointer-events:none}
svg.arsk-pointer[data-arsk-pointer] {
    --ap-x:1.4px;--ap-y:-1.2px;--ap-lean:-4deg;
    display:inline-block;position:static;vertical-align:-.22em;
    width:var(--ap-size,clamp(17px,1.18em,25px));height:var(--ap-size,clamp(17px,1.18em,25px));
    flex:none;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:visible;
    fill:none;stroke:none;background:none;pointer-events:none;
    transform-origin:48% 58%;
}
svg.arsk-pointer[data-arsk-pointer=left] {--ap-x:-2px;--ap-y:0px;--ap-lean:2deg}
svg.arsk-pointer[data-arsk-pointer=right] {--ap-x:2px;--ap-y:0px;--ap-lean:-2deg}
svg.arsk-pointer[data-arsk-pointer=down] {--ap-x:0px;--ap-y:2px;--ap-lean:2deg}
svg.arsk-pointer[data-arsk-pointer=up] {--ap-x:0px;--ap-y:-2px;--ap-lean:-2deg}
svg.arsk-pointer[data-arsk-pointer=inspect] {--ap-size:clamp(20px,1.4em,28px);--ap-x:0px;--ap-y:-1.6px;--ap-lean:-6deg;--ap-yaw:19deg}
svg.arsk-pointer[data-arsk-pointer=turn],svg.arsk-pointer[data-arsk-pointer=swap] {--ap-x:0px;--ap-y:-1px;--ap-lean:8deg}
.arsk-pointer[data-arsk-pointer] use {pointer-events:none}
.nav-bays a>span .arsk-pointer,.model-task .model-actions i .arsk-pointer {--ap-size:18px}
.yard-pick>b {display:inline-grid;align-self:center;place-items:center}
.photo-yard .yard-pick>.yard-pick-action {display:inline;white-space:nowrap;font:600 11px/1.2 system-ui}
.yard-pick .arsk-pointer[data-arsk-pointer=inspect] {--ap-size:23px;display:block}
.live-door-switch .arsk-pointer,.field-lightbox [data-dir] .arsk-pointer,.orbit-tools button .arsk-pointer {--ap-size:21px}
@media(max-width:650px) {
    .yard-pick .arsk-pointer[data-arsk-pointer=inspect] {--ap-size:20px}
}
@media(max-width:370px) {
    .photo-yard .yard-pick {min-width:0;gap:3px;padding-inline:5px}
    .photo-yard .yard-pick>b {margin-left:1px}
    .yard-pick .arsk-pointer[data-arsk-pointer=inspect] {--ap-size:18px}
}
@media(prefers-reduced-motion:no-preference) {
    svg.arsk-pointer[data-arsk-pointer] {
        transition:transform .24s cubic-bezier(.18,.74,.25,1);
    }
    :is(a,button,summary,label):focus-visible svg.arsk-pointer,
    :is(a,button,summary,label):active svg.arsk-pointer {
        transform:perspective(95px) translate(var(--ap-x),var(--ap-y)) rotateY(var(--ap-yaw,-11deg)) rotateX(6deg) rotate(var(--ap-lean)) scale(1.04); --ap-gloss:#fff5d5;
    }
    @media(hover:hover) and (pointer:fine) {
        :is(a,button,summary,label):hover svg.arsk-pointer {
            transform:perspective(95px) translate(var(--ap-x),var(--ap-y)) rotateY(var(--ap-yaw,-11deg)) rotateX(6deg) rotate(var(--ap-lean)) scale(1.04); --ap-gloss:#fff5d5;
        }
    }
}
@media(prefers-reduced-motion:reduce) {
    svg.arsk-pointer[data-arsk-pointer] {transition:none;animation:none;transform:none}
}
@media(forced-colors:active) {
    svg.arsk-pointer[data-arsk-pointer] {
        forced-color-adjust:none;--ap-metal:CanvasText;--ap-side:Canvas;
        --ap-edge:CanvasText;--ap-trim:Highlight;--ap-hole:Canvas;--ap-gloss:Canvas;
    }
}