.mx{--hm-ink:var(--text-primary);--hm-muted:var(--text-secondary);--hm-line:color-mix(in oklab, var(--text-primary) 9%, transparent);--hm-card:linear-gradient(180deg, color-mix(in oklab, var(--text-primary) 3.5%, var(--bg-base)), var(--bg-base));--hm-inset:color-mix(in oklab, var(--text-primary) 4%, var(--bg-page));--dg-ok:color-mix(in oklab, #1f9d55 78%, var(--hm-ink));--dg-ask:color-mix(in oklab, #d68a00 82%, var(--hm-ink));--dg-no:color-mix(in oklab, #d64545 80%, var(--hm-ink));--dg-accent:var(--brand-logo-icon,#0173e5);--dg-wire:color-mix(in oklab, var(--hm-ink) 22%, transparent);width:min(64rem, 100vw - 2 * var(--page-gutter,1.75rem));font-family:var(--font-sans);margin:2.5rem 0 2.75rem 50%;font-size:.9375rem;line-height:1.5;translate:-50%}.prose .mx :is(p,ul,ol,h3,figure){margin:0}.prose .mx :is(ul,ol){padding:0}.prose .mx :not(pre)>code{color:inherit;font:inherit;background:0 0;border-radius:0;padding:0}.prose .mx :is(.rx-calls,.dg-card) code{font-family:var(--font-mono);font-size:.75rem}.prose .mx .dg-card code{color:var(--hm-ink)}.dg{border:1px solid var(--hm-line);background:var(--hm-card);color:var(--hm-muted);border-radius:1.25rem;margin:0;padding:clamp(1.25rem,3vw,2rem);font-size:.8125rem}.dg figcaption{color:var(--hm-muted);text-align:center;margin-top:1.25rem;font-size:.8125rem;line-height:1.5}.dg-node{border:1px solid var(--hm-line);background:var(--hm-inset);border-radius:.75rem;gap:.2rem;padding:.75rem .9rem;display:grid}.dg-node strong{color:var(--hm-ink);font-size:.875rem;font-weight:550}.dg-node small{color:var(--hm-muted);font-size:.75rem;line-height:1.4}.dg-node-accent{border-color:color-mix(in oklab, var(--dg-accent) 55%, var(--hm-line));box-shadow:0 0 0 4px color-mix(in oklab, var(--dg-accent) 10%, transparent)}.dg-code,.dg-log{font-family:var(--font-mono)}.dg-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.75rem;font-weight:550;display:inline-flex}.dg-pill:before{content:"";background:currentColor;border-radius:50%;width:.4rem;height:.4rem}.dg-pill-ok{background:color-mix(in oklab, var(--dg-ok) 14%, transparent);color:var(--dg-ok)}.dg-pill-ask{background:color-mix(in oklab, var(--dg-ask) 16%, transparent);color:var(--dg-ask)}.dg-pill-no{background:color-mix(in oklab, var(--dg-no) 14%, transparent);color:var(--dg-no)}.dg-card{border:1px solid var(--hm-line);background:var(--hm-inset);border-radius:.9rem;gap:.75rem;max-width:26rem;padding:1rem;display:grid;box-shadow:0 18px 40px -24px #00000073}.dg-card-title{color:var(--hm-ink);font-size:.9rem;font-weight:600}.dg-card p{margin:0;line-height:1.5}.dg-card code{color:var(--hm-ink);font-family:var(--font-mono);font-size:.75rem}.dg-card-actions{flex-wrap:wrap;gap:.4rem;display:flex}.dg-card-actions span{border:1px solid var(--hm-line);color:var(--hm-ink);border-radius:.5rem;padding:.3rem .65rem;font-size:.75rem}.dg-card-actions span:first-child{background:var(--hm-ink);color:var(--bg-page);border-color:#0000}.dg-hub{grid-template-columns:minmax(0,1fr) minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:2.5rem;display:grid}.dg-hub-col{gap:.6rem;display:grid}.dg-hub-col>span{color:var(--hm-muted);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:.7rem}.dg-hub-core{text-align:center;position:relative}.dg-hub-core:before,.dg-hub-core:after{border-top:1px solid var(--dg-wire);content:"";width:2.25rem;position:absolute;top:50%}.dg-hub-core:before{margin-right:.25rem;right:100%}.dg-hub-core:after{margin-left:.25rem;left:100%}.dg-hub-core .dg-node{padding-block:1.4rem}.dg-keep{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.dg-keep li{color:var(--hm-ink);align-items:center;gap:.5rem;display:flex}.dg-keep li:before{background:var(--dg-ok);content:"";border-radius:50%;flex:none;width:.4rem;height:.4rem}.dg-arch{grid-template-columns:minmax(0,1fr) auto minmax(0,1.15fr) auto minmax(0,1fr);align-items:stretch;gap:0;display:grid}.dg-zone{border:1px solid var(--hm-line);background:color-mix(in oklab, var(--hm-ink) 2%, transparent);border-radius:1rem;align-content:start;gap:.6rem;padding:1rem;display:grid}.dg-zone>span{color:var(--hm-muted);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:.7rem}.dg-zone-accent{border-color:color-mix(in oklab, var(--dg-accent) 45%, var(--hm-line))}.dg-link{width:7rem;color:var(--hm-muted);text-align:center;align-content:center;place-items:center;gap:.35rem;padding-inline:.5rem;font-size:.7rem;line-height:1.35;display:grid}.dg-link:before{border-top:1px solid var(--dg-wire);content:"";width:100%}.dg-host{border:1px solid var(--hm-line);background:var(--hm-inset);color:var(--hm-ink);font-family:var(--font-mono);border-radius:.55rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .65rem;font-size:.72rem;display:flex}.dg-host-no{color:var(--hm-muted)}.dg-host-no>span:first-child{text-decoration:line-through;text-decoration-color:var(--dg-no)}.dg-host b{font-weight:600}.dg-host-ok b{color:var(--dg-ok)}.dg-host-no b{color:var(--dg-no)}.dg-log{margin:0;padding:0;font-size:.75rem;list-style:none;display:grid}.dg-log li{border-bottom:1px solid var(--hm-line);color:var(--hm-ink);white-space:nowrap;grid-template-columns:3.25rem minmax(0,1fr) 5.5rem 9rem;gap:.75rem;padding:.55rem .25rem;display:grid}.dg-log li:first-child{color:var(--hm-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.68rem}.dg-log li:last-child{border-bottom:0}.dg-log .ok{color:var(--dg-ok)}.dg-log .no{color:var(--dg-no)}.dg-log .rule{color:var(--hm-muted)}@media (width<=64rem){.dg-arch{grid-template-columns:minmax(0,1fr)}.dg-link{width:auto;padding-block:.5rem}.dg-link:before{border-top:0;border-left:1px solid var(--dg-wire);width:0;height:1.25rem}}@media (width<=48rem){.dg-hub{grid-template-columns:minmax(0,1fr);gap:1.5rem}.dg-hub-core:before,.dg-hub-core:after{display:none}.dg-log li{white-space:normal;grid-template-columns:3.25rem minmax(0,1fr);gap:.2rem .75rem}.dg-log li>span:nth-child(2){overflow-wrap:anywhere}.dg-log li>span:nth-child(3){grid-column:2}.dg-log li>span:nth-child(4){grid-column:2;margin-top:-.2rem}.dg-log li:first-child{display:none}}.mx-stack{gap:1.25rem;display:grid}
