.dzwrap,.mpwrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:56px;align-items:center;margin-top:48px}
.dz,.mp{width:100%;height:auto;display:block;font-family:Archivo,system-ui,sans-serif}
.dz text{font-size:13px;fill:var(--ink)}
.dz-wall{fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:.01 7}
.dz-tag{font:600 11px 'Archivo Narrow',sans-serif!important;letter-spacing:1.4px;fill:var(--muted)!important}
.dz-card{fill:var(--white);stroke:var(--line);stroke-width:1}
.dz-dot{fill:var(--ink)}
.dz-cord{fill:none;stroke:#3b3f3a;stroke-width:1.1;opacity:.7}
.dz-core{fill:var(--dark)}.dz-ring{fill:none;stroke:var(--lime);stroke-width:2;stroke-dasharray:.01 6;stroke-linecap:round}
.dz-lab{font-weight:600}
.dz-note{font-size:11.5px!important;fill:var(--muted)!important}
.dz-faint{opacity:.45}.dz-faint .dz-card{stroke-dasharray:3 4}
.dz-wire{stroke:#3b3f3a;stroke-width:1.1;stroke-dasharray:4 5}
.dz-pkt{fill:var(--white);stroke:var(--ink);stroke-width:1}.dz-pkt.lime{fill:var(--lime);stroke:var(--lime)}
.dz-out text,.dz-back text{font-size:11.5px}
.dz-out{animation:dzout 4.8s cubic-bezier(.22,1,.36,1) infinite}
.dz-back{animation:dzback 4.8s cubic-bezier(.22,1,.36,1) infinite}
@keyframes dzout{0%{transform:translate(470px,220px);opacity:0}10%{opacity:1}45%{transform:translate(560px,220px);opacity:1}55%,100%{transform:translate(580px,220px);opacity:0}}
@keyframes dzback{0%,50%{transform:translate(590px,220px);opacity:0}60%{opacity:1}92%{transform:translate(450px,220px);opacity:1}100%{transform:translate(440px,220px);opacity:0}}
.dz-ai{fill:var(--white);stroke:var(--ink);stroke-width:1.4}
.dz-pin{fill:var(--olive)}
.dz-keep{font:600 11px 'Archivo Narrow',sans-serif!important;letter-spacing:1.2px;fill:var(--olive)!important;text-transform:uppercase}
.dz g,.mp circle{transition:opacity .25s var(--ease),fill .25s var(--ease)}
[data-dz].focus .dz > g:not(.on){opacity:.22}
.dzl{list-style:none;border-top:1px solid var(--line)}
.dzl li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;padding:18px 0;border-bottom:1px solid var(--line);cursor:default;outline:none;transition:opacity .25s var(--ease)}
.dzl li b{display:block;font-weight:600;font-size:16px;color:var(--ink)}
.dzl li p{margin-top:4px;font-size:14.5px;line-height:1.5;color:var(--body)}
.focus .dzl li:not(.on){opacity:.45}
.dzl li:focus-visible{box-shadow:inset 2px 0 0 var(--olive)}
.mp circle{fill:#c7cbc2}
.mp .mp-ye{fill:#e2e4de}
.mp .mp-sa,.mp .mp-om,.mp .mp-qa,.mp .mp-kw,.mp .mp-bh{fill:#9ea39a}
.mp .mp-ae{fill:#3b3f3a}
.mp-pin circle{fill:var(--ink)}.mp-pin .ring{fill:none;stroke:var(--ink);stroke-width:.6;opacity:.35}
.mp-pin text{font:600 6.4px 'Archivo Narrow',sans-serif;letter-spacing:.4px;fill:var(--ink);text-transform:uppercase}
.mp{max-width:620px;justify-self:center}
.mp circle{r:1.9px}
.mp-pin circle{r:2.6px}.mp-pin .ring{r:5.5px}
[data-mp][data-on="1"] .mp-ae,[data-mp][data-on="2"] .mp-ae{fill:var(--lime)}
[data-mp][data-on="3"] .mp-sa{fill:var(--lime)}
[data-mp][data-on="4"] .mp-sa,[data-mp][data-on="4"] .mp-ae,[data-mp][data-on="4"] .mp-om,[data-mp][data-on="4"] .mp-qa,[data-mp][data-on="4"] .mp-kw,[data-mp][data-on="4"] .mp-bh{fill:#b9d96a}
[data-mp][data-on="2"] .p-difc .ring,[data-mp][data-on="2"] .p-adgm .ring,[data-mp][data-on="3"] .p-ksa .ring{stroke:var(--olive);opacity:1;stroke-width:1.2}
[data-mp]:not([data-on="2"]) .p-difc text,[data-mp]:not([data-on="2"]) .p-adgm text{opacity:.55}
.mp-pin text{transition:opacity .25s var(--ease)}
@media (max-width:1000px){.dzwrap,.mpwrap{grid-template-columns:1fr;gap:28px}}
.dzscroll{min-width:0}
@media (max-width:700px){.dzscroll{overflow-x:auto;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter);-webkit-overflow-scrolling:touch}.dz{min-width:600px}}
@media (prefers-reduced-motion:reduce){.dz-out,.dz-back{animation:none}.dz-out{transform:translate(520px,220px)}.dz-back{transform:translate(520px,220px)}}