.dgh-fig{margin:0;position:relative}.dgh-fig svg{width:100%;height:auto;display:block}.dgh-fig text{font-family:inherit}.dgh-fig .dgh-d{display:none}.dgh-fig .dgh-m{max-width:460px;margin-inline:auto}@media (min-width:720px){.dgh-story .dgh-d{display:block}.dgh-story .dgh-m{display:none}}@media (min-width:960px){.dgh-flow-fig .dgh-d{display:block}.dgh-flow-fig .dgh-m{display:none}}.dgh-fig .dgh-tt{fill:var(--dg-text);font-size:15px;font-weight:600}.dgh-fig .dgh-t{fill:var(--dg-text-2);font-size:12px}.dgh-fig .dgh-t3{fill:var(--dg-text-3);font-size:11.5px}.dgh-fig .dgh-mono{fill:var(--dg-text-3);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.dgh-fig .dgh-on{fill:var(--dg-accent-ink);font-size:12px}.dgh-fig .dgh-on-tt{fill:var(--dg-accent-ink);font-size:15px;font-weight:600}.dgh-fig .dgh-in-t{fill:var(--dg-accent-3);font-size:12px;font-weight:600}.dgh-fig .dgh-out-t{fill:var(--dg-cyan);font-size:12px;font-weight:600}.dgh-fig .dgh-flow{stroke-dasharray:5 7}.dgh-fig .dgh-dot{opacity:0}.dgh-legend{border:1px solid var(--dg-stroke);background:linear-gradient(180deg, var(--dg-panel-1), var(--dg-panel-2));color:var(--dg-text-2);border-radius:10px;flex-wrap:wrap;gap:8px 20px;margin:18px 0 24px;padding:12px 14px;font-size:12.5px;list-style:none;display:flex}.dgh-legend li{align-items:center;gap:8px;display:inline-flex}.dgh-key{border-radius:3px;flex-shrink:0;width:22px;height:10px}.dgh-key--in{background:repeating-linear-gradient(90deg, var(--dg-accent-2) 0 5px, transparent 5px 9px)}.dgh-key--mid{background:linear-gradient(90deg, var(--dg-accent), var(--dg-accent-2))}.dgh-key--out{background:repeating-linear-gradient(90deg, var(--dg-cyan) 0 5px, transparent 5px 9px)}@media (prefers-reduced-motion:no-preference){[data-anim].is-vis .dgh-in{animation:8s cubic-bezier(.22,.61,.36,1) infinite both dgh-in;animation-delay:calc(var(--i,0) * .3s)}@keyframes dgh-in{0%{opacity:0;transform:translateY(6px)}9%,88%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}[data-anim].is-vis .dgh-flow{animation:8s linear infinite dgh-flow}@keyframes dgh-flow{to{stroke-dashoffset:-84px}}[data-anim].is-vis .dgh-dot{animation:8s cubic-bezier(.4,0,.2,1) infinite dgh-dot;animation-delay:calc(var(--i,0) * .6s)}@keyframes dgh-dot{0%,6%{opacity:0;transform:translate(0)}14%{opacity:1}46%{opacity:1;transform:translate(var(--dx), var(--dy))}54%,to{opacity:0;transform:translate(var(--dx), var(--dy))}}[data-anim].is-vis .dgh-glow{animation:6s ease-in-out infinite dgh-glow}@keyframes dgh-glow{0%,to{opacity:.55}50%{opacity:1}}[data-anim].is-vis .dgh-pick{transform-box:fill-box;transform-origin:50%;animation:8s ease-in-out infinite dgh-pick}@keyframes dgh-pick{0%,30%,to{transform:scale(1)}42%{transform:scale(1.035)}54%{transform:scale(1)}}}