.robotics-motion{aspect-ratio:1.85;min-height:660px;background:#f4f4f4;color:#262626;font-family:ScalevitySans,Arial,sans-serif}
.robotics-heading{position:absolute;top:28px;left:32px;right:32px}.robotics-heading>span{font-size:9px;letter-spacing:.12em;color:#686868;text-transform:uppercase}.robotics-heading>p{font-size:25px;line-height:1.3;letter-spacing:-.025em;margin:9px 0 0}
.robotics-body{position:absolute;inset:113px 32px 155px;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:minmax(0,1fr);gap:40px;align-items:center}
.robotics-cell{width:100%;height:100%;min-width:0;min-height:0}.robotics-cell>svg{width:100%;height:100%;display:block;overflow:visible}.rb-label{font:400 7px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px;fill:#888}.robotics-teach-path,.robotics-vision-cone,.robotics-signal-balls{opacity:0}
.robotics-context{min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;border-left:1px solid #ddd;padding-left:28px}.robotics-context-panel[hidden]{display:none}.robotics-context-kicker{font:400 8px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.1em;color:#1b17ff}.robotics-context-panel>h3{font:400 23px/1.22 ScalevitySans,Arial,sans-serif;letter-spacing:-.03em;margin:12px 0}.robotics-context-panel>p{font-size:12px;line-height:1.65;color:#686868;margin:0 0 12px}.robotics-tool-drawing{height:125px;width:100%;display:block}
.robotics-foundation{margin-top:18px;padding-top:12px;border-top:1px solid #d7d7d7}.robotics-foundation>span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#888}.robotics-foundation>p{font-size:10px;line-height:1.6;color:#686868;margin:5px 0 0}
.robotics-code{margin:20px 0 12px;font:400 10px/2.3 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.robotics-code>div{color:#777;padding:0 5px;border-left:2px solid transparent}.robotics-code>div>span{display:inline-block;width:23px;font-size:8px;color:#aaa}.robotics-code code{font:inherit}.robotics-code>.is-active{color:#1b17ff;border-left-color:#1b17ff;background:#1b17ff06}
.robotics-interfaces{margin:20px 0;display:grid;gap:17px}.robotics-interfaces>div{display:flex;align-items:center;gap:12px;font:400 9px ui-monospace,SFMono-Regular,Consolas,monospace;color:#686868}.robotics-interfaces span{width:67px;flex:none}.robotics-interfaces span:last-child{text-align:right}.robotics-interfaces i{height:1px;background:#bbb;position:relative;flex:1}.robotics-interfaces i:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#1b17ff;top:-2px;left:var(--signal,0%)}
.robotics-schedule{margin-top:16px}.robotics-schedule-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.robotics-schedule-heading>span{font:400 7px ui-monospace,SFMono-Regular,Consolas,monospace;color:#888}.robotics-schedule-heading>strong{font:400 9px ScalevitySans,Arial,sans-serif;color:#1b17ff}.robotics-schedule svg{width:100%;display:block;margin-top:7px}.robotics-schedule svg text{font:400 8px ui-monospace,SFMono-Regular,Consolas,monospace;fill:#777}.robotics-schedule>p{font-size:8px;line-height:1.5;color:#888;margin:4px 0 0}
.robotics-topics{position:absolute;bottom:78px;left:32px;right:32px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ccc;gap:24px}.robotics-topic{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 0 10px;border:0;border-top:2px solid transparent;margin-top:-1px;color:#777;background:none;text-align:left;font:400 12px/1.4 ScalevitySans,Arial,sans-serif;cursor:pointer}.robotics-topic svg{width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:1}.robotics-topic[aria-pressed="true"]{color:#1b17ff;border-top-color:#1b17ff}.robotics-topic:hover{color:#1b17ff}.robotics-topic:focus-visible{outline:2px solid #1b17ff;outline-offset:4px}
.robotics-motion .logo-motion-caption{left:32px;bottom:29px;max-width:calc(100% - 185px);font-size:10px;line-height:1.6;text-transform:none;letter-spacing:0;color:#686868}.robotics-motion .logo-motion-toggle{color:#555;border-color:#c8c8c8;background:#ffffffaa;min-height:42px}.robotics-motion .logo-motion-toggle:hover{background:#fff;border-color:#999}.robotics-motion .logo-motion-toggle:focus-visible{outline-color:#1b17ff}
@media(min-width:701px) and (max-width:1000px){.robotics-body{gap:20px;inset-inline:24px;grid-template-columns:1.7fr 1fr}.robotics-context{padding-left:18px}.robotics-context-panel>h3{font-size:21px}.robotics-code{font-size:8px}.robotics-topics{gap:14px}.robotics-topic{font-size:10px}}
@media(max-width:700px){.robotics-motion{aspect-ratio:auto;min-height:1030px}.robotics-heading{top:24px;left:20px;right:20px}.robotics-heading>span{font-size:7px;letter-spacing:.07em}.robotics-heading>p{font-size:24px;max-width:240px}.robotics-body{inset:102px 20px 240px;display:flex;flex-direction:column;gap:10px;align-items:stretch;justify-content:flex-start}.robotics-cell{height:260px;display:flex;align-items:center;justify-content:center;flex:none}.robotics-cell>svg{width:120%;height:auto;max-width:none;flex:none}.robotics-context{border-left:0;border-top:1px solid #ddd;padding:17px 0 0;display:block}.robotics-context-panel>h3{font-size:21px;margin:8px 0}.robotics-context-panel>p{font-size:11px;margin-bottom:8px}.robotics-context-kicker{font-size:7px}.robotics-tool-drawing{height:105px}.robotics-code{font-size:9px;line-height:2;margin:12px 0}.robotics-interfaces{margin:12px 0;gap:14px}.robotics-foundation{margin-top:12px;padding-top:9px}.robotics-foundation>p{font-size:9px}.robotics-topics{left:20px;right:20px;bottom:116px;grid-template-columns:1fr 1fr;gap:0 18px}.robotics-topic{font-size:10px;padding:12px 0;min-height:48px}.robotics-motion .logo-motion-caption{left:20px;right:20px;bottom:65px;max-width:none;text-align:center;font-size:9px}.robotics-motion .logo-motion-toggle{bottom:14px;right:50%;transform:translateX(50%);min-height:37px;font-size:10px}.robotics-schedule{margin-top:10px}.robotics-schedule svg{max-height:120px}.robotics-schedule>p{font-size:7px}}
@media(prefers-reduced-motion:reduce){.robotics-signal-balls{display:none}}
