.dg{--dg-brand-2: #3D3A33;container-type:inline-size;margin:0;padding:40px 32px;background:var(--cream);color:var(--ink);border:var(--line);border-radius:26px;font-family:var(--font-sans)}.art-figure__frame .dg{padding:0;background:none;border:0;border-radius:0}html.dark .dg{background:var(--block)}html.dark .art-figure__frame .dg{background:none}@media (max-width: 600px){.dg{padding:24px 16px}}.dg.dg :is(ol,ul){list-style:none;margin:0;padding:0}.dg.dg :is(ol,ul)>li{margin:0;padding:0}.dg.dg :is(ol,ul)>li:before{content:none;display:none}.dg.dg :is(ol,ul)>*+*{margin-top:0}.dg-card{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;padding:20px 22px;border:var(--line);border-radius:20px;background:var(--paper);color:var(--ink);box-shadow:0 3px 0 var(--shadow)}@container (max-width: 520px){.dg-card{padding:16px 18px}}.dg-card__label{font:500 11px/1.35 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--label)}.dg-card__title{font:700 17px/1.25 var(--font-sans)}.dg-card__text{font:400 14px/1.45 var(--font-sans);color:var(--muted)}.dg-card__mono{font:500 12px/1.45 var(--font-mono);color:var(--muted)}.dg-card--cobalt{background:var(--cobalt);color:var(--on-cobalt)}.dg-card--cobalt :is(.dg-card__label,.dg-card__text,.dg-card__mono){color:var(--on-cobalt-soft)}html.dark .dg-card--cobalt :is(.dg-card__label,.dg-card__text,.dg-card__mono){color:var(--on-cobalt)}.dg-card--lemon{background:var(--lemon)}.dg-card--lilac{background:var(--lilac)}.dg-card--orange{background:var(--orange)}.dg-card--rose{background:var(--rose)}:is(.dg-card--lemon,.dg-card--lilac,.dg-card--orange,.dg-card--rose){color:var(--on-brand)}:is(.dg-card--lemon,.dg-card--lilac,.dg-card--orange,.dg-card--rose) :is(.dg-card__label,.dg-card__text,.dg-card__mono){color:var(--dg-brand-2)}.dg-card--ink{background:#141414;color:var(--dark-text);border-color:#141414;box-shadow:0 3px 0 var(--shadow-on-dark)}.dg-card--ink .dg-card__label{color:var(--dark-label)}.dg-card--ink :is(.dg-card__text,.dg-card__mono){color:var(--dark-text-2)}html.dark .dg-card--ink{background:#000;border-color:var(--ink)}.dg-chips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 2px}.dg-chip{display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap;padding:4px 10px;border-radius:999px;border:2px solid #141414;background:#fff;color:#141414;font:700 13px/1.25 var(--font-sans)}.dg-chip small{font:500 11px/1.25 var(--font-mono);color:#5d5a52}.dg-chip--mono{font:500 12px/1.25 var(--font-mono)}.dg-hub{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:999px;background:#141414;color:var(--lemon);font:800 22px/1 var(--font-display)}html.dark .dg-hub{border:2px solid var(--ink)}.dg-step{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:999px;background:#141414;color:var(--lemon);font:700 15px/1 var(--font-sans)}html.dark .dg-step{border:2px solid var(--ink)}.dg-num{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:999px;border:2px solid #141414;background:#141414;color:var(--lemon);font:800 16px/1 var(--font-display)}html.dark .dg-num{border-color:var(--ink)}.dg-loopnote{display:flex;justify-content:center;margin-top:22px}.dg-loopnote>span{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:2px solid #141414;background:var(--lemon);color:var(--on-brand);font:700 14px/1.3 var(--font-sans);text-align:center}html.dark .dg-loopnote>span{border-color:var(--ink)}.dg-wire{display:block;color:var(--ink);overflow:visible}.dg-wire path,.dg-wire line{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.dg-wire .dash{stroke-dasharray:5 6;animation:dash 1s linear infinite}.dg-wirelabel{font:500 11px/1.35 var(--font-mono);letter-spacing:.04em;color:var(--label);text-align:center}.dg .dg-wirelabel strong{display:block;font-weight:700;color:var(--ink);text-transform:none}.dg-stack{display:flex;flex-direction:column;gap:10px}.dg-stack .dg-layer{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:14px;padding:14px 18px;border-radius:18px;margin-inline:calc((5 - var(--i)) * 10px)}.dg-layer__no{font:500 13px/1 var(--font-mono)}.dg-layer__body{display:flex;flex-direction:column;gap:2px;min-width:0}.dg-layer__title{font:700 16px/1.25 var(--font-sans)}.dg-layer__text{font:400 13px/1.4 var(--font-sans)}@container (max-width: 480px){.dg-stack .dg-layer{margin-inline:calc((5 - var(--i)) * 3px);padding:12px 14px;gap:10px}}.dg-net{display:grid;gap:14px;grid-template-columns:minmax(0,1fr);justify-items:stretch}.dg-net__col{display:flex;flex-direction:column;gap:12px}.dg-net__link{display:flex;align-items:center;justify-content:center;gap:12px}.dg-net__link .dg-wire--h{display:none}.dg-net__clients{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dg-net__up{display:flex;justify-content:center}.dg-net__mini .dg-card__title{display:flex;align-items:center;gap:8px;font:800 22px/1.1 var(--font-display);letter-spacing:-.02em}.dg-net__mini .led{width:8px;height:8px}@container (min-width: 600px){.dg-net{grid-template-columns:minmax(0,1fr) 76px minmax(0,1.05fr) 76px minmax(0,1fr);align-items:center;gap:0}.dg-net__clients{grid-template-columns:1fr}.dg-net__link{flex-direction:column;gap:6px;padding:0 4px}.dg-net__link .dg-wire--h{display:block}.dg-net__link .dg-wire--v{display:none}}.dg-al{display:grid;gap:10px;grid-template-columns:minmax(0,1fr);justify-items:stretch;grid-template-areas:"c1" "a12" "c2" "a23" "c3" "a34" "c4"}.dg-al__c1{grid-area:c1}.dg-al__c2{grid-area:c2}.dg-al__c3{grid-area:c3}.dg-al__c4{grid-area:c4}.dg-al__a12{grid-area:a12}.dg-al__a23{grid-area:a23}.dg-al__a34{grid-area:a34}.dg-al__hub{grid-area:hub;display:none}.dg-al__arrow{display:flex;justify-content:center;align-items:center}.dg-al__arrow .h{display:none}@container (min-width: 560px){.dg-al{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:0;align-items:center;grid-template-rows:auto 56px auto;grid-template-areas:"c1 a12 c2" ". hub a23" "c4 a34 c3"}.dg-al .dg-card{height:100%}.dg-al__hub{display:grid;justify-self:center}.dg-al__arrow .h{display:grid}.dg-al__arrow .v{display:none}.dg-al__a23 .v{display:grid}}.dg-hyb{display:flex;flex-direction:column;align-items:stretch;gap:0}.dg-hyb__top,.dg-hyb__end{align-self:center;width:min(100%,360px);text-align:center;align-items:center}.dg-hyb__wires{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:8px 0}.dg-hyb__wire{display:flex;flex-direction:column;align-items:center;gap:4px}.dg-hyb__cols{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:stretch}.dg-hyb__plus{display:flex;justify-content:center;align-items:center}.dg-hyb__plus .dg-hub{width:40px;height:40px;font-size:22px}.dg-hyb__cols .dg-card{gap:8px}@container (min-width: 600px){.dg-hyb__cols,.dg-hyb__wires{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:0}.dg-hyb__wire:nth-child(2){grid-column:3}}.dg-card__mono{overflow-wrap:anywhere}.dg-net__url{overflow-wrap:normal;word-break:normal}.dg-fleet{display:flex;flex-direction:column;align-items:stretch}.dg-fleet__top{align-self:center;width:min(100%,420px);text-align:center;align-items:center}.dg-fleet__deleg{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0}.dg-fleet__subs{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.dg-fleet__subs .dg-card{height:100%}.dg-fleet__caption{display:block;margin-top:18px;text-align:center;font:500 14px/1.45 var(--font-sans);color:var(--muted)}@container (min-width: 560px){.dg-fleet__subs{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}.dg-loop{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;counter-reset:none}.dg-loop>li{position:relative}.dg-loop .dg-card{flex-direction:row;align-items:flex-start;gap:12px;height:100%;padding:16px 18px}.dg-loop__body{display:flex;flex-direction:column;gap:3px;min-width:0}.dg-loop>li:not(:last-child):after{content:"↓";position:absolute;left:50%;bottom:-26px;transform:translate(-50%);display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:#141414;color:var(--lemon);font:700 13px/1 var(--font-sans)}html.dark .dg-loop>li:not(:last-child):after{box-shadow:0 0 0 2px var(--ink)}@container (min-width: 600px){.dg-loop{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 34px}.dg-loop>li:not(:last-child):after{content:"→";inset:50% -28px auto auto;transform:translateY(-50%)}.dg-loop>li:nth-child(3n):after{content:none}}