.learn-dg{--dg-node:#f4f4f9;--dg-hl:#0803570f;--dg-hl-line:#08035747;--dg-line:#d4d4de;--dg-arrow:#8b8ba0;--dg-muted:#4b5563;--dg-surface:#fff;--dg-accent:#080357}.dark .learn-dg{--dg-node:#1b2348;--dg-hl:#3b82f629;--dg-hl-line:#60a5fa80;--dg-line:#2e3866;--dg-arrow:#7c86b3;--dg-muted:#9ca3af;--dg-surface:#111634;--dg-accent:#93c5fd}.learn-dg{flex-direction:column;align-items:center;width:100%;font-size:16px;line-height:1.35;display:flex;container-type:inline-size}.learn-dg svg{stroke:currentColor;fill:none;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round}.dg-n{background:var(--dg-node);text-align:center;border:1px solid #0000;border-radius:12px;flex-direction:column;gap:2px;width:min(100%,280px);padding:12px 16px;display:flex}.dg-n b{font-weight:600}.dg-n span{color:var(--dg-muted)}.dg-n.hl{background:var(--dg-hl);border-color:var(--dg-hl-line)}.dg-v{width:100%;height:46px;color:var(--dg-arrow);justify-content:center;align-items:center;display:flex;position:relative}.dg-lbl{color:var(--dg-muted);white-space:nowrap;position:absolute;top:50%;left:calc(50% + 26px);transform:translateY(-50%)}.dg-branch{flex-direction:column;align-items:center;width:100%;display:flex}.dg-stem{background:var(--dg-line);width:1px;height:22px}.dg-brow{grid-template-columns:repeat(var(--n,3), minmax(0, 1fr));gap:10px;width:100%;padding-top:22px;display:grid;position:relative}.dg-brow:before{content:"";top:0;left:calc((100% - (var(--n,3) - 1) * 10px) / var(--n,3) / 2);right:calc((100% - (var(--n,3) - 1) * 10px) / var(--n,3) / 2);background:var(--dg-line);height:1px;position:absolute}.dg-brow .dg-n{width:100%;padding:10px 6px;position:relative}.dg-brow .dg-n:before{content:"";background:var(--dg-line);width:1px;height:22px;position:absolute;top:-23px;left:50%}.dg-frame{border:1.5px dashed var(--dg-line);border-radius:12px;flex-direction:column;align-items:center;width:100%;padding:18px 16px 16px;display:flex}.dg-tag{color:var(--dg-muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;font-weight:600}.dg-loop{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.dg-loop .dg-n{width:min(64%,280px)}.dg-back{border:1.3px solid var(--dg-arrow);border-left:none;border-radius:0 8px 8px 0;width:max(18px,6%);position:absolute;top:22px;bottom:22px;left:calc(50% + min(32%,140px))}.dg-back:after{content:"";border:5px solid #0000;border-right:7px solid var(--dg-arrow);border-left:none;position:absolute;top:-5px;left:-2px}.dg-note{color:var(--dg-muted);text-align:center;margin:10px 0 0}.dg-rule{background:var(--dg-line);width:100%;height:1px;margin:10px 0 0}.dg-ex{grid-template-rows:auto 120px auto;grid-template-columns:1fr minmax(0,1.3fr) 1fr;align-items:center;width:100%;display:grid}.dg-ex-top,.dg-ex-bot{grid-column:1/4;justify-self:center;width:min(70%,280px)!important}.dg-ex-side{height:100%;color:var(--dg-arrow);align-items:center;gap:8px;display:flex}.dg-ex-side span{color:var(--dg-muted)}.dg-ex-side.l{text-align:right;justify-content:flex-end;padding-right:10px}.dg-ex-side.r{justify-content:flex-start;padding-left:10px}.dg-ex-side svg{height:100%}.dg-ex .dg-n.mid{justify-self:center;width:100%}.dg-layers{flex-direction:column;gap:8px;width:100%;margin:0;padding:0;list-style:none;display:flex}.dg-layer{background:var(--dg-node);text-align:left;border:1px solid #0000;border-radius:12px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.dg-layer.hl{background:var(--dg-hl);border-color:var(--dg-hl-line)}.dg-num{background:var(--dg-surface);width:30px;height:30px;color:var(--dg-accent);font-variant-numeric:tabular-nums;border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.dg-layer b{font-weight:600;display:block}.dg-layer-sub{color:var(--dg-muted);display:block}.dg-who{background:var(--dg-surface);color:var(--dg-muted);white-space:nowrap;border-radius:999px;padding:4px 10px}@container (width<=420px){.dg-layer{grid-template-columns:30px minmax(0,1fr)}.dg-who{display:none}.dg-brow{gap:6px}.dg-brow .dg-n{padding:8px 4px}.dg-lbl{left:calc(50% + 20px)}}