/* Workflow relay diagram shared by the M-Bots page and the department page. */
.mb-relay svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
figure.mb-relay{display:block;height:auto;margin:0;padding:20px;border:0;border-radius:22px;background:#fff;box-shadow:0 1px 2px #0b4a2a1f,0 14px 28px -16px #0b4a2a59}
.mb-relay-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.mb-relay-head b{color:var(--forest);font-size:.95rem}
.mb-relay-legend{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.76rem;font-weight:600}
.mb-relay-legend i{width:11px;height:11px;margin-left:8px;border-radius:3px}
.mb-relay-legend .is-ai{border:1px solid #8fca9d;background:#dcf0e1}
.mb-relay-legend .is-human{border:1px solid #e2ab45;background:#ffe9bd}
.mb-relay-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px;margin:0;padding:0;list-style:none;counter-reset:relay}
.mb-relay-list li{position:relative;display:flex;align-items:flex-start;gap:10px;min-width:0;padding:12px 26px 12px 12px;border:1px solid #dbeadf;border-radius:14px;background:#f6fbf7;counter-increment:relay}
.mb-relay-list li.is-human{border-color:#efcd8a;background:#fffaf0}
.mb-relay-list li:not(:nth-child(3n))::before{content:"";position:absolute;top:50%;right:-19px;width:14px;height:2px;background:#9fd0ab}
.mb-relay-list li:not(:nth-child(3n))::after{content:"";position:absolute;top:calc(50% - 4px);right:-20px;width:7px;height:7px;border-top:2px solid #6dbb80;border-right:2px solid #6dbb80;transform:rotate(45deg)}
.mb-relay-list li>span::after{content:counter(relay);position:absolute;top:9px;right:11px;color:#66746b;font-size:.76rem;font-weight:800;font-variant-numeric:tabular-nums}
.mb-relay-list img{flex:none;width:44px;height:44px;border-radius:12px;object-fit:cover;background:#e3f3e8;box-shadow:none}
.mb-relay-list li>span{display:grid;gap:2px;min-width:0;line-height:1.35}
.mb-relay-list b{color:var(--forest);font-size:.92rem}
.mb-relay-list small{color:var(--muted);font-size:.76rem}
.mb-relay-list em{display:inline-flex;align-items:center;gap:5px;justify-self:start;max-width:100%;margin-top:6px;padding:3px 9px 3px 6px;border-radius:99px;background:#ffeac2;color:#6d4600;font-size:.76rem;font-style:normal;font-weight:800;line-height:1.3}
.mb-relay-list em svg{flex:none;width:13px;height:13px;stroke-width:2.2}
@media(max-width:700px){figure.mb-relay{padding:14px}.mb-relay-list{grid-template-columns:1fr;gap:8px}.mb-relay-list li::before,.mb-relay-list li::after{display:none}.mb-relay-list li{padding:10px 30px 10px 10px}.mb-relay-list img{width:40px;height:40px}}