.arch{border:1px solid var(--line-2);background:var(--tex) 0 0/var(--tex-size),var(--ink);background-blend-mode:soft-light;margin:clamp(32px,4vw,48px) 0 0;padding:clamp(16px,2vw,28px);box-shadow:0 40px 70px -40px #040614cc}.arch-svg{width:100%;height:auto;display:block;overflow:visible}.arch .a-grid{fill:none;stroke:color-mix(in srgb,var(--txt) 5%,transparent);stroke-width:1px}.arch .a-t{font:400 15px var(--sans);fill:var(--txt);letter-spacing:-.01em}.arch .a-s{font:500 11px var(--mono);fill:var(--txt2)}.arch .a-s-sm{fill:var(--muted);font-size:10px}.arch .a-k{font:500 10.5px var(--mono);letter-spacing:.12em;fill:var(--muted)}.arch .a-node{fill:var(--navy-2);stroke:var(--line-2);stroke-width:1px}.arch .a-node-out{fill:var(--navy);stroke-dasharray:3 3}.arch .a-node-db{stroke:var(--cy-line)}.arch .a-rail{fill:color-mix(in srgb,var(--navy-2) 60%,transparent);stroke:var(--line);stroke-width:1px}.arch .a-region{fill:color-mix(in srgb,var(--lav) 3%,transparent);stroke:color-mix(in srgb,var(--lav) 40%,transparent);stroke-width:1px;stroke-dasharray:6 5}.arch .a-zone{fill:none;stroke:var(--line);stroke-width:1px;stroke-dasharray:2 4}.arch .a-slab{fill:color-mix(in srgb,var(--navy-2) 92%,transparent);stroke:var(--cy-line);stroke-width:1px}.arch .a-slab-waf{stroke:var(--cyan)}.arch .a-flow{fill:none;stroke:var(--cyan);stroke-width:1.6px}.arch .a-flow-2{stroke-opacity:.6}.arch .a-adm{fill:none;stroke:var(--lav);stroke-width:1.3px;stroke-dasharray:5 4}.arch .a-rep{fill:none;stroke:var(--lav);stroke-width:1.3px;stroke-dasharray:4 3}.arch .a-log{fill:none;stroke:var(--muted);stroke-width:1.2px;stroke-dasharray:1.5 4;stroke-linecap:round}.arch .a-arh{fill:none;stroke:var(--cyan);stroke-width:1.6px}.arch .a-arh-m{fill:none;stroke:var(--lav);stroke-width:1.4px}.arch .a-pkt{fill:var(--cyan);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--cyan) 70%,transparent))}.arch .a-pkt-x{fill:var(--lav);filter:none}.arch-list{display:none}.arch-legend{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.arch-legend i{border-top:1.6px solid var(--cyan);width:26px;height:0;margin-left:10px;display:inline-block}.arch-legend i:first-child{margin-left:0}.arch-legend .lg-adm{border-top:1.3px dashed var(--lav)}.arch-legend .lg-log{border-top:1.6px dotted var(--muted)}@media (prefers-reduced-motion:reduce){.arch .a-pkts{display:none}}@media (width<=1099px){.arch-svg{display:none}.arch-list{counter-reset:a;gap:0;padding-left:26px;display:grid;position:relative}.arch-list:before{content:"";background:var(--cy-line);width:1px;position:absolute;top:10px;bottom:10px;left:5px}.arch-list li{border-bottom:1px solid var(--line);gap:4px;padding:12px 0 14px;display:grid;position:relative}.arch-list li:before{content:"";background:var(--ink);border:1px solid var(--cyan);border-radius:50%;width:11px;height:11px;position:absolute;top:17px;left:-26px}.arch-list li b{font:400 17px var(--sans);color:var(--txt)}.arch-list li span{font:500 12px/1.5 var(--mono);color:var(--txt2)}.arch-list .arch-side:before{border-color:var(--lav);border-style:dashed}.arch-legend{display:none}}.a11y-hc .arch{background:#000!important;border-color:#fff!important}.a11y-rm .arch .a-pkts{display:none!important}.dash{--s1:#0e9bd2;--s2:#7e6df0;--ok:#5fd69b;--warn:#e6b450;border:1px solid var(--line-2);background:var(--tex) 0 0/var(--tex-size),var(--ink);background-blend-mode:soft-light;margin:clamp(32px,4vw,48px) 0 0;position:relative;box-shadow:0 40px 70px -40px #040614cc}.dash-bar{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--navy-0) 70%,transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;padding:12px 18px;display:flex}.dash-app{font:500 12px var(--mono);letter-spacing:.04em;color:var(--txt2)}.dash-app b{color:var(--txt);letter-spacing:.14em;font-weight:500}.dash-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dash-badge{font:500 11px var(--mono);border:1px solid var(--line-2);color:var(--txt2);padding:4px 8px}.dash-demo{border-color:var(--cy-line);color:var(--txt)}.dash-range{font:500 11px var(--mono);color:var(--muted);margin-left:8px}.dash-grid{background:var(--line);grid-template-columns:repeat(12,minmax(0,1fr));gap:1px;display:grid}.dcell{background:var(--ink);grid-column:span 4;min-width:0;padding:18px 20px 20px}.dcell h4{font:400 15px var(--sans);letter-spacing:-.01em;color:var(--txt);flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 14px;display:flex}.dcell h4 span{font:500 10.5px var(--mono);letter-spacing:.06em;color:var(--muted)}.dk{grid-column:span 3}.dwide{grid-column:span 8}.dside{grid-column:span 4}.dwide2{grid-column:span 8}.dk-v{font:400 clamp(28px,2.6vw,38px)/1 var(--sans);letter-spacing:-.03em;color:var(--txt);margin:0 0 14px}.dk-note{font:500 11px/1.5 var(--mono);color:var(--txt2);flex-wrap:wrap;gap:4px 14px;margin:10px 0 0;display:flex}.dk-strip{grid-template-columns:repeat(30,1fr);gap:2px;height:22px;display:grid}.dk-strip i{background:color-mix(in srgb,var(--ok) 55%,var(--ink));border-radius:1px}.dk-spark{width:100%;height:auto;display:block;overflow:visible}.dk-spark path{fill:none;stroke:var(--muted);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.dk-spark circle{fill:var(--cyan);stroke:var(--ink);stroke-width:2px}.dk-meter{background:color-mix(in srgb,var(--s1) 22%,var(--ink));border-radius:0;height:8px}.dk-meter i{background:var(--s1);border-radius:0 4px 4px 0;height:100%;display:block}.dk-meter-b{margin:10px 0 4px}.st{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.st-ic{fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:12px;height:12px}.st-ok .st-ic{stroke:var(--ok)}.st-warn .st-ic{stroke:var(--warn)}.dlegend{font:500 11px var(--mono);color:var(--txt2);gap:16px;margin:-6px 0 12px;display:flex}.dlegend i{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:7px;display:inline-block}.dlegend .s1,.dcol .s1{background:var(--s1)}.dlegend .s2,.dcol .s2{background:var(--s2)}.dchart{grid-template-columns:auto 1fr;align-items:stretch;gap:10px;display:grid}.dy{height:180px;font:500 10.5px var(--mono);color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;flex-direction:column;justify-content:space-between;display:flex;transform:translateY(-6px)}.dchart-sm .dy{height:120px}.dplot{min-width:0}.dcols{border-bottom:1px solid var(--line-2);background:linear-gradient(var(--line),var(--line)) 0 0/100% 1px no-repeat,linear-gradient(var(--line),var(--line)) 0 50%/100% 1px no-repeat;grid-template-columns:repeat(24,minmax(0,1fr));align-items:end;height:180px;display:grid}.dchart-sm .dcols{height:120px}.dcol{cursor:default;flex-direction:column-reverse;justify-content:flex-start;align-items:center;gap:2px;height:100%;display:flex}.dcol i{width:min(70%,20px);min-height:0;display:block}.dcol .s2{border-radius:3px 3px 0 0}.dcol.on i{filter:brightness(1.25)}.dx{font:500 10px var(--mono);color:var(--muted);grid-template-columns:repeat(24,minmax(0,1fr));margin-top:6px;display:grid}.dx span{text-align:center;white-space:nowrap}.dstat{margin:0;padding:0;list-style:none;display:grid}.dstat li{border-top:1px solid var(--line);color:var(--txt);justify-content:space-between;gap:12px;padding:9px 0;font-size:13.5px;display:flex}.dstat li>span:last-child{font:500 11.5px var(--mono);color:var(--txt2);text-align:right}.dwaf{gap:10px;margin:0;padding:0;list-style:none;display:grid}.dwaf li{grid-template-columns:minmax(0,1.1fr) 1.4fr auto;align-items:center;gap:10px;font-size:13.5px;display:grid}.dwaf .wl{color:var(--txt);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dwaf .wbar{background:color-mix(in srgb,var(--txt) 5%,transparent);height:10px}.dwaf .wbar i{background:var(--s1);border-radius:0 4px 4px 0;height:100%;display:block}.dwaf b{font:500 12px var(--mono);color:var(--txt2);font-variant-numeric:tabular-nums;text-align:right;min-width:4ch}.dslo{color:var(--txt2);gap:2px;margin-bottom:10px;font-size:13.5px;display:grid}.dslo b{color:var(--txt);font-weight:400}.dlog{margin:0;padding:0;list-style:none;display:grid}.dlog li{border-top:1px solid var(--line);color:var(--txt);grid-template-columns:112px 1fr auto;align-items:baseline;gap:14px;padding:9px 0;font-size:13.5px;display:grid}.dlog time{font:500 11px var(--mono);color:var(--muted)}.dlog .st{font:500 11px var(--mono);color:var(--txt2)}.dash-data{border-top:1px solid var(--line);padding:0 18px}.dash-data summary{cursor:pointer;font:500 11px var(--mono);letter-spacing:.06em;color:var(--txt2);padding:12px 0}.dash-data summary:hover{color:var(--txt)}.dtip{z-index:5;background:var(--navy-0);border:1px solid var(--line-2);font:500 11px var(--mono);color:var(--txt);white-space:nowrap;pointer-events:none;padding:7px 10px;position:absolute;transform:translate(-50%,-100%);box-shadow:0 10px 24px -10px #000000b3}.dtip[hidden]{display:none}@media (width<=1099px){.dk{grid-column:span 6}.dwide,.dside,.dwide2{grid-column:span 12}.dcell{grid-column:span 6}}@media (width<=640px){.dk,.dcell,.dwide,.dside,.dwide2{grid-column:span 12}.dlog li{grid-template-columns:1fr;gap:4px}.dx span:nth-child(6n+4){visibility:hidden}}.a11y-hc .dash{background:#000!important;border-color:#fff!important}.sim{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,56px);display:grid}.sim-doc{background:var(--tex) 0 0/var(--tex-size),var(--paper);background-blend-mode:soft-light;color:var(--paper-ink);padding:28px 32px 32px;rotate:-.8deg;box-shadow:0 34px 60px -26px #000000bf}.sim-doc h4{font:400 26px/1.2 var(--sans);letter-spacing:-.02em;margin-bottom:10px}.sim-doc p{color:var(--paper-2);font-size:15.5px}.rep{border:1px dashed color-mix(in srgb,var(--paper-ink) 35%,transparent);font:500 12px var(--mono);color:#8a3a2e;margin-top:22px;padding:12px 14px}.rep.has{color:var(--paper-ink);border-style:solid}.sim-run ul{border-top:1px solid var(--line-2)}.sim-run li{border-bottom:1px solid var(--line);color:var(--txt2);padding:14px 0 14px 30px;font-size:15px;transition:color .3s;position:relative}.sim-run li:before{content:"";border:1px solid var(--line-2);border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;top:18px;left:0}.sim-run li.bad{color:#ffb4a6}.sim-run li.bad:before{background:radial-gradient(circle,#ff9c8a 0 3px,#0000 3.5px);border-color:#ff9c8a}.sim-msg{font:500 13px/1.5 var(--mono);color:var(--muted);margin:20px 0 18px}.sim-msg.bad{color:#ffb4a6}.sim-btns{flex-wrap:wrap;gap:12px;display:flex}@media (width<=999px){.sim{grid-template-columns:1fr}}
