.dgm{--d-cyan:#47cfeb;--d-mint:var(--green);--d-gold:#f7c83b;--d-magenta:#ee63bb;--d-red:var(--red);--d-line:var(--line);color:var(--bone-dim);position:relative}.dgm svg{width:100%;height:auto;display:block;overflow:visible}.dgm-cap{font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin:0 0 16px;font-size:11px}.dgm-foot{color:var(--muted);margin:14px 0 0;font-size:13.5px}.page-figure{max-width:760px;margin-top:clamp(34px,5vw,52px)}.band-figure{margin-top:30px}.suite-locator{border:1px solid var(--d-line);background:var(--bg2);border-radius:16px;padding:26px 22px 24px}.suite-track{margin:0;padding:0;list-style:none;display:flex;position:relative}.suite-track:before{content:"";background:linear-gradient(90deg,var(--d-cyan),var(--d-mint),var(--d-gold),var(--d-magenta));opacity:.5;border-radius:2px;height:2px;position:absolute;top:27px;left:12.5%;right:12.5%}.suite-node{text-align:center;--c:hsl(var(--h) 80% 64%);flex-direction:column;flex:1 1 0;align-items:center;gap:8px;padding:0 6px;display:flex;position:relative}.suite-stage{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--c);height:13px;font-size:10.5px;line-height:1.2}.suite-dot{border:2px solid var(--c);background:var(--bg);z-index:2;border-radius:50%;width:14px;height:14px;transition:box-shadow .2s,background .2s;position:relative}.suite-tool{color:var(--bone-dim);letter-spacing:-.01em;font-size:14.5px;font-weight:600;line-height:1.25}.suite-sub{color:var(--muted2);font-size:12px;font-family:var(--font-mono);letter-spacing:.04em}.suite-locator.suite-trigrep .suite-node[data-n=trigrep] .suite-dot,.suite-locator.suite-prethink .suite-node[data-n=prethink] .suite-dot,.suite-locator.suite-changelog .suite-node[data-n=operate] .suite-dot,.suite-locator.suite-transcripts .suite-node[data-n=operate] .suite-dot{background:var(--c);box-shadow:0 0 0 5px color-mix(in srgb,var(--c) 22%,transparent)}.suite-locator.suite-trigrep .suite-node[data-n=trigrep] .suite-tool,.suite-locator.suite-prethink .suite-node[data-n=prethink] .suite-tool,.suite-locator.suite-changelog .suite-node[data-n=operate] .suite-tool,.suite-locator.suite-transcripts .suite-node[data-n=operate] .suite-tool{color:var(--bone)}.dgm text{font-family:var(--font-mono);fill:var(--muted)}.dgm .t-num{font-family:var(--font-display);font-weight:600}.dgm .t-lbl{letter-spacing:.12em;text-transform:uppercase;font-size:11px}.dgm .t-cap{fill:var(--bone-dim);font-size:13px}.fig-loop{--d-discovery:#b81e7a;--d-plan:var(--spectral-violet)}.fig-loop .loop-wrap{flex-wrap:wrap;align-items:center;gap:clamp(20px,4vw,44px);display:flex}.fig-loop svg{flex:0 0 200px;max-width:200px}.fig-loop .loop-key{flex-direction:column;flex:1;gap:11px;min-width:200px;margin:0;padding:0;list-style:none;display:flex}.fig-loop .loop-key li{color:var(--bone-dim);align-items:baseline;gap:10px;font-size:14px;display:flex}.fig-loop .loop-key .k-dot{border-radius:2px;flex:none;width:10px;height:10px;transform:translateY(1px)}.fig-loop .loop-key .k-pct{font-family:var(--font-mono);color:var(--bone);margin-left:auto;font-weight:600}.fig-loop .loop-key li small{color:var(--muted2);font-size:12px;display:block}.fig-changeset .cs-scm{letter-spacing:.04em;font-size:11px}.fig-loopcycle text{fill:var(--bone-dim)}@media (max-width:680px){.suite-node,.suite-tool{font-size:13px}.suite-track:before{top:25px}}
