/* Robot-arm figures. Shared reading and RL components are in site/lib/. */
.rl-page #network-diagram{min-width:620px}
.rl-figure .goal-zone{fill:none;stroke:var(--orange);stroke-width:1;stroke-dasharray:3 3;opacity:.65}
.rl-figure .link{stroke:var(--blue);stroke-width:10;stroke-linecap:round}
.rl-figure .joint{fill:var(--panel);stroke:var(--blue);stroke-width:3}
.rl-figure .elbow-link{stroke:var(--violet)}
.rl-figure .elbow-joint{stroke:var(--violet)}
.rl-figure .trail{fill:none;stroke:var(--blue);stroke-width:2;opacity:.4}
.rl-figure .map-cell{fill:var(--blue);stroke:var(--panel);stroke-width:.5;cursor:pointer}
.rl-figure .map-blocked{fill:var(--muted);opacity:.55;stroke:var(--panel);stroke-width:.5}
.rl-figure .map-pass{fill:var(--blue);stroke:var(--panel);stroke-width:.5;cursor:pointer}
.rl-figure .map-fail{fill:var(--panel-2);stroke:var(--red);stroke-width:1;cursor:pointer}
.rl-figure .map-cross{fill:none;stroke:var(--red);stroke-width:1.5}
.rl-figure .map-current{fill:var(--blue);stroke:var(--panel);stroke-width:2.5}
.rl-figure .map-goal{fill:var(--orange);stroke:var(--panel);stroke-width:.5}
.rl-figure .reference{fill:none;stroke:var(--orange);stroke-width:2;stroke-dasharray:5 3}
/* Imitation workshop */
.rl-figure .ghost-arm{fill:none;stroke:var(--muted);stroke-width:8;stroke-linecap:round;stroke-linejoin:round;opacity:.3}
.rl-figure .demo-dot{fill:var(--text);opacity:.85}
.rl-figure .ask-ring{fill:none;stroke:var(--orange);stroke-width:2.2}
.rl-figure .prob-track{fill:var(--panel-2);stroke:var(--line)}
.rl-figure .expert-box{fill:none;stroke:var(--orange);stroke-width:2.5}
.acc-train{fill:none;stroke:var(--blue);stroke-width:1.6;stroke-dasharray:5 4}
.acc-val{fill:none;stroke:var(--orange);stroke-width:2.2}
.plot-svg .plot-axis-right{font-size:12px;fill:var(--muted)}
.narrow-line{fill:none;stroke:var(--orange);stroke-width:2.2}
.narrow-dot{fill:var(--orange)}
.plot-svg .plot-note.orange{fill:var(--orange)}
.imitation-page .q-table td.draws{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;text-align:left}
.imitation-page .training-card{max-width:850px;margin:18px 0}
.imitation-page #compare-network{min-width:560px}
.imitation-page .worked{margin:10px 0 18px}
.imitation-page .plot-card{overflow:auto;min-width:0}
@media(min-width:681px){.imitation-page .lab-plots .plot-svg{min-width:0}}
.imitation-page .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* LeRobot data */
.lr-cams{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}
.lr-cams img{display:block;width:100%;height:auto;border-radius:6px}
.lr-action{fill:none;stroke:var(--orange);stroke-width:2}
.lr-cursor{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 4}
.lerobot-page .q-table td{white-space:normal}
.lerobot-page .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lerobot-page .q-table td code{white-space:nowrap}
/* ACT */
.plot-svg .plot-note.blue{fill:var(--blue)}
.plot-svg .plot-note.violet{fill:var(--violet)}
.act-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 18px}
.act-pair img,.act-cam img{display:block;width:100%;height:auto;border-radius:6px}
.act-page figure figcaption{font-size:14px;color:var(--muted);margin-top:6px}
.act-timeline{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:12px;align-items:start;margin:12px 0}
.act-chunk-a{fill:none;stroke:var(--blue);stroke-width:2.6}
.act-chunk-b{fill:none;stroke:var(--violet);stroke-width:2.6}
.act-ghost{fill:none;stroke:var(--muted);stroke-width:1;opacity:.35}
.act-look{fill:var(--panel);stroke:var(--text);stroke-width:2}
.act-run-a{fill:none;stroke:var(--blue);stroke-width:2.2}
.act-run-b{fill:none;stroke:var(--violet);stroke-width:2.2;stroke-dasharray:6 4}
.act-run-a-dot{fill:var(--blue)}
.act-run-b-dot{fill:var(--violet)}
.act-published{stroke:var(--orange);stroke-width:2;stroke-dasharray:5 4}
.act-stack{display:grid;grid-template-columns:1fr;gap:12px;max-width:760px}
.act-eval{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:16px;align-items:start;margin:12px 0}
.act-stage4{fill:var(--blue)}
.act-stage2{fill:var(--orange)}
.act-stage1{fill:var(--violet)}
.act-stage3{fill:var(--muted)}
.act-fail0{fill:none;stroke:var(--red);stroke-width:2}
.act-key{display:inline-block;width:12px;height:12px;margin-right:7px;vertical-align:-1px}
.act-box{fill:var(--panel-2);stroke:var(--line);stroke-width:1.5}
.act-box.act-train-only{stroke-dasharray:6 4;fill:none}
.act-box-title{font-size:14px;font-weight:700;fill:var(--text)}
.act-box-sub{font-size:13px;fill:var(--muted)}
.act-shape{font-size:12px;fill:var(--muted)}
.act-arrow{stroke:var(--muted);stroke-width:1.6;fill:none}
.act-train-arrow{stroke-dasharray:5 4}
.act-arrowhead{fill:var(--muted)}
.act-page #arch-svg{min-width:700px}
.act-page .q-table td{white-space:normal}
.act-page .q-table td code{white-space:nowrap}
.act-page .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:760px){.act-timeline,.act-eval{grid-template-columns:1fr}.act-timeline .act-cam{max-width:320px}}
.act-page #parts-table td,.act-page #parts-table th,.act-page #relook-table td,.act-page #relook-table th{text-align:left}
.act-page .choice[hidden]{display:none}
/* Robot arm in MuJoCo */
.marm-figure{max-width:620px}
.marm-page .marm-figure .plot-svg{min-width:0}
.marm-floor{stroke:var(--muted);stroke-width:1.5}
.marm-wall{fill:var(--muted);opacity:.55}
.marm-target{fill:none;stroke:var(--orange);stroke-width:2.5}
.marm-arm{fill:none;stroke:var(--blue);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.marm-arm.marm-hit{stroke:var(--red)}
.marm-ghost{fill:none;stroke:var(--muted);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.3}
.marm-path{fill:none;stroke:var(--muted);stroke-width:1.2;stroke-dasharray:3 3}
.marm-page .q-table td,.marm-page .q-table th{text-align:left;white-space:normal}
.marm-page .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.marm-views{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start;margin:12px 0}
.marm-views video,.marm-viewer img{display:block;width:100%;height:auto;border-radius:6px}
.marm-views figcaption{font-size:14px;color:var(--muted);margin:6px 0}
.marm-viewer{margin:12px 0}
.marm-viewer figcaption{font-size:14px;color:var(--muted);margin-top:6px}
.marm-command{overflow-x:auto;max-width:100%}
@media(max-width:760px){.marm-views{grid-template-columns:1fr}}
