.teleop-video { margin: 26px 0; }.teleop-video video { display: block; width: 100%; height: auto; border-radius: 10px; background: #122035; }.teleop-video figcaption,.teleop-flow figcaption { font-size: 13px; color: #53647b; line-height: 1.6; margin-top: 10px; }
.teleop-ik { width: 100%; height: 760px; border: 1px solid #dce5ef; border-radius: 12px; display: block; margin: 24px 0 10px; }
.teleop-flow { margin: 30px 0; padding: 22px; background: #f6f9fc; border: 1px solid #dce5ef; border-radius: 14px; color: #17283f; }.teleop-flow * { box-sizing: border-box; }.teleop-flow-heading { margin-bottom: 20px; }.teleop-flow-heading span { display: block; font: 700 10px system-ui,sans-serif; color: #11877b; letter-spacing: .12em; margin-bottom: 6px; }.teleop-flow-heading strong { font: 600 20px system-ui,sans-serif; letter-spacing: -.03em; }
.teleop-flow-grid { display: grid; grid-template-columns: minmax(0,1fr) 110px minmax(0,1fr); align-items: start; gap: 12px; }.teleop-device { background: #fff; padding: 15px; border: 1px solid #dce5ef; border-radius: 10px; }.teleop-device h3 { font: 650 23px system-ui,sans-serif; margin: 0 0 4px; }.teleop-device .device-subtitle { font: 12px/1.5 system-ui,sans-serif; color: #53647b; margin-bottom: 18px; }.flow-node { padding: 11px; background: #f2f5fa; border-radius: 7px; }.flow-node b { display: block; font: 600 13px/1.45 system-ui,sans-serif; }.flow-node span { display: block; font: 12px/1.5 system-ui,sans-serif; margin-top: 5px; color: #53647b; }.quest .highlighted { background: #e2f4f0; }.pc .highlighted { background: #e8efff; }.flow-arrow { text-align: center; color: #7790a7; padding: 5px; }.flow-record { margin-top: 12px; font: 11px/1.5 system-ui,sans-serif; color: #53647b; }.teleop-transport { align-self: center; display: flex; flex-direction: column; text-align: center; gap: 8px; font: 11px/1.45 system-ui,sans-serif; color: #53647b; }.teleop-transport b { font-size: 16px; color: #17283f; }.teleop-transport .transport-forward { color: #11776d; font-weight: 600; margin-bottom: 4px; }.teleop-transport .transport-return { color: #255ddd; font-weight: 600; margin-top: 4px; }
@media (max-width: 600px) { .teleop-ik { height: 1260px; }.teleop-flow { padding: 16px; }.teleop-flow-grid { grid-template-columns: 1fr; }.teleop-transport { padding: 12px 0; }.teleop-transport .transport-forward::after { content: ' (down to PC)'; }.teleop-transport .transport-return::after { content: ' (up to Quest)'; } }
.blog-image img { max-width: 100%; height: auto; }
main article table { display: block; overflow-x: auto; }
main article p code, main article li code { overflow-wrap: anywhere; white-space: normal; }