.governance-demo{margin-top:18px;border:1px solid #d6e3dc;border-radius:12px;background:#fff;overflow:hidden}.rb-header{padding:13px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf1ed;gap:8px}.rb-header span{font-size:8px;letter-spacing:.13em;color:#8a978d;font-weight:700}.rb-header h4{font-size:13px;margin:4px 0 0;color:#345442}.rb-pause,.rb-escape{font:inherit;font-size:10px;padding:6px 10px;border:1px solid #d0dfd4;border-radius:6px;background:#fff;color:#426b54;cursor:pointer;white-space:nowrap}.rb-pause:hover,.rb-escape:hover{background:#edf5ef}.rb-canvas{display:block;width:100%;height:320px;touch-action:pan-y;background:radial-gradient(ellipse at center,#fafcf7,#fff)}.rb-controls{display:flex;justify-content:space-between;align-items:center;padding:0 16px 12px;gap:10px}.rb-controls>span{font-size:10px;color:#7d8e80}.rb-status{font-size:10px;padding:10px 16px;background:#f0f6f0;color:#52705a;line-height:1.5;min-height:36px}.governance-demo .rb-note{font-size:8px;color:#8c998f;margin:0;padding:9px 16px;line-height:1.4}.governance-demo :focus-visible{outline:2px solid #1e5e5a;outline-offset:-3px}.rb-metrics{display:flex;gap:20px;padding:9px 16px 0;font-size:9px;color:#668273}.rb-metrics b{font-variant-numeric:tabular-nums;margin-left:5px;color:#345e48}.rb-metrics span:last-child b{color:#ad6553}@media(max-width:480px){.rb-header{padding:12px}.rb-header h4{font-size:11px}.rb-controls{padding:0 12px 12px}.rb-controls>span{font-size:9px}}@media print{.governance-demo{display:none}}
.rb-status-blocked{background:#fbefea;color:#a35e49}@media(max-width:480px){.rb-controls{flex-wrap:wrap}.rb-escape{font-size:9px}}
.governance-demo .rb-canvas{height:320px}
.project-robot-scene{margin-top:18px;border:1px solid #d6e3dc;border-radius:10px;overflow:hidden;background:#f8faf4}.project-robot-scene canvas{display:block;width:100%;outline-offset:-3px}.project-robot-scene canvas:focus-visible{outline:2px solid #1e5e5a}@media print{.project-robot-scene{display:none}}
.education-graduate{float:right;width:92px;height:86px;margin:0 4px 0 12px}.education-graduate canvas{display:block;width:100%;height:86px;outline-offset:-3px}.education-graduate canvas:focus-visible{outline:2px solid #1e5e5a}@media(max-width:520px){.education-graduate{width:82px;margin-left:6px}}@media print{.education-graduate{display:none}}
.project-robot-scene{max-width:none;margin-top:18px}

/* Keep the working robots alongside their descriptions, like the graduate. */
.project-robot-scene{float:right;width:196px;max-width:46%;margin:0 0 0 16px;border:0;border-radius:0;background:transparent}
.project-robot-scene canvas{height:118px}
.project-body:has(>.project-robot-scene),.technical-experience:has(>.project-robot-scene){display:flow-root}
@media(max-width:520px){.project-robot-scene{width:160px;max-width:48%;margin-left:10px}}