.dd-figure{--dd-paper:#f3f6f9;--dd-node:#ffffff;--dd-ink:#183249;--dd-muted:#425e73;--dd-rule:#71879a;--dd-accent:#195c90;--dd-tint:#e1edf7;--dd-bad:#8e2c38;--dd-badbg:#fff0ed;--dd-good:#1a6356;--dd-goodbg:#e7f5ec;--dd-mask:#f3f6f9}
:root[data-theme="hacker"] .dd-figure{--dd-paper:#102437;--dd-node:#19344b;--dd-ink:#dcecf8;--dd-muted:#b1c9da;--dd-rule:#7897ad;--dd-accent:#77d8ff;--dd-tint:#193b53;--dd-bad:#ffb8b5;--dd-badbg:#432631;--dd-good:#9ee9ca;--dd-goodbg:#153d38;--dd-mask:#102437}
.dd-figure{margin:3rem 0;color:var(--dd-ink)}.dd-frame{background:var(--dd-paper);border:1px solid var(--dd-rule);border-radius:8px;overflow:hidden}.dd-heading{padding:25px 28px 8px}.dd-heading p{font:650 .74rem/1.5 var(--mono,monospace);letter-spacing:.08em;color:var(--dd-accent);margin:0 0 10px}.dd-heading h3{font:650 clamp(1.35rem,3vw,1.8rem)/1.25 var(--sans,sans-serif);color:var(--dd-ink);margin:0}.dd-scroll{overflow-x:auto;width:100%}.dd-svg{display:block;width:100%;min-width:800px;height:auto;font-family:var(--sans,"IBM Plex Sans",sans-serif);background:var(--dd-paper);color:var(--dd-ink)}.dd-mobile{display:none}.dd-mobile .dd-svg{min-width:320px}.dd-svg .node{fill:var(--dd-node);stroke:var(--dd-rule);stroke-width:1.5}.dd-svg .focal{fill:var(--dd-tint);stroke:var(--dd-accent);stroke-width:2}.dd-svg .bad{fill:var(--dd-badbg);stroke:var(--dd-bad);stroke-width:1.8}.dd-svg .good{fill:var(--dd-goodbg);stroke:var(--dd-good);stroke-width:1.8}.dd-svg .zone{fill:none;stroke:var(--dd-rule);stroke-width:1.4;stroke-dasharray:6 5}.dd-svg .wire{fill:none;stroke:var(--dd-muted);stroke-width:2}.dd-svg .wire.focal{stroke:var(--dd-accent);fill:none}.dd-svg .wire.bad{stroke:var(--dd-bad);fill:none}.dd-svg .wire.good{stroke:var(--dd-good);fill:none}.dd-svg .dashed{stroke-dasharray:6 5}.dd-svg text{fill:var(--dd-ink)}.dd-svg .sub{fill:var(--dd-muted)}.dd-svg .edge-label{fill:var(--dd-muted);font-family:var(--mono,monospace);font-weight:550}.dd-svg .mask{fill:var(--dd-mask);stroke:none}.dd-svg .shape-detail{fill:none;stroke:var(--dd-rule);stroke-width:1.3}.dd-svg .zone-label{font-family:var(--mono,monospace);font-weight:600;fill:var(--dd-muted)}
@media(max-width:850px){.dd-desktop{display:none}.dd-mobile{display:block}.dd-heading{padding:22px 20px 5px}}
 .dd-figure{margin-top:2.5rem;margin-bottom:2.5rem}.dd-heading .dd-title{display:block;font:650 clamp(22px,3vw,29px)/1.2 var(--sans,Arial,sans-serif);color:var(--dd-ink)}.dd-heading .dd-deck{display:block;margin-top:10px;font-size:15px;line-height:1.5;color:var(--dd-muted)}.dd-svg .tip-muted{fill:var(--dd-muted);stroke:none}.dd-svg .tip-accent{fill:var(--dd-accent);stroke:none}.dd-svg .tip-bad{fill:var(--dd-bad);stroke:none}.dd-svg .tip-good{fill:var(--dd-good);stroke:none}