/* Accessible component explorer over the existing 3D concept rendering. */
.agri .robot-explorer{border:1px solid #314b64;border-radius:16px;background:#0c1e32;overflow:hidden;align-self:start}.robot-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 20px 14px}.robot-kicker{font-size:10px;letter-spacing:.13em;color:#b9cede;font-weight:700}.robot-concept{font-size:10px;color:#9cb3c9}.robot-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:0 18px 18px}.robot-controls button{border:1px solid #49627a;background:#132b43;color:#d4e3f1;cursor:pointer;border-radius:7px;padding:10px 5px;min-height:44px;font-size:12px;font-weight:600}.robot-controls button:hover{background:#23445e}.robot-controls button[aria-pressed=true]{background:#2463eb;border-color:#6998ff;color:white}.robot-stage{position:relative;overflow:hidden;aspect-ratio:3/2;background:#071424}.robot-scene{position:absolute;inset:0;transform-origin:35% 48%;transition:transform .55s ease}.agri .robot-scene img{width:100%;height:100%;object-fit:cover;border-radius:0}.robot-stage[data-view=wheels] .robot-scene{transform:scale(1.65);transform-origin:34% 61%}.robot-stage[data-view=motors] .robot-scene{transform:scale(1.75);transform-origin:30% 46%}.robot-stage[data-view=sensors] .robot-scene{transform:scale(1.8);transform-origin:26% 27%}.robot-hotspot{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;border:1px solid #b9f5ff;background:#0a223acf;color:white;font-size:12px;cursor:pointer;display:grid;place-items:center;box-shadow:0 0 0 5px #64d9ed22,0 3px 12px #0008}.robot-hotspot span{display:grid;place-items:center;border-radius:50%;width:23px;height:23px;background:#2463eb;border:1px solid #9eeafa}.hotspot-wheels{left:37%;top:60%}.hotspot-motors{left:29%;top:45%}.hotspot-sensors{left:26%;top:26%}.robot-hotspot.selected{border-color:#fff;background:#127895aa;box-shadow:0 0 0 10px #64d9ed33,0 0 25px #64d9ed55}.robot-stage-label{position:absolute;bottom:12px;left:12px;right:12px;width:fit-content;max-width:calc(100% - 24px);padding:7px 11px;border:1px solid #587286;border-radius:5px;background:#071424ed;color:#d7e8f7;font-size:10px;pointer-events:none}.robot-details{display:grid;grid-template-columns:88px 1fr;gap:18px;padding:23px 20px;min-height:235px;border-top:1px solid #314b64}.robot-component-art{align-self:start;background:#102b44;border:1px solid #345873;border-radius:10px;padding:8px}.robot-component-art svg{width:100%;height:auto;display:block}.robot-component-art>span{display:block;text-align:center;font-size:8px;color:#b5cadf}.agri .robot-detail-kicker{font-size:9px;letter-spacing:.1em;color:#64d9ed;font-weight:700;margin-bottom:9px}.robot-detail-title{font-size:21px;margin-bottom:12px;letter-spacing:-.02em;line-height:1.2}.agri .robot-detail-copy{font-size:13px;line-height:1.65;margin-bottom:0}.agri .robot-explorer figcaption{padding:0 20px 20px;margin:0;font-size:10px;line-height:1.6}.robot-hotspots[hidden],.robot-controls[hidden],[data-component-art][hidden]{display:none!important}@media(max-width:760px){.agri .robot-explorer{order:2}.robot-toolbar{padding:15px 14px 12px}.robot-controls{padding:0 12px 14px;gap:5px}.robot-controls button{font-size:11px}.robot-details{grid-template-columns:65px 1fr;gap:12px;padding:20px 15px;min-height:265px}.robot-detail-title{font-size:19px}.robot-hotspot{width:44px;height:44px}.robot-stage-label{font-size:9px}.agri .robot-explorer figcaption{padding:0 15px 18px}}@media(prefers-reduced-motion:reduce){.robot-scene{transition:none}}
