.arch-x{--ax-surface:var(--anchor-surface,#fffefa);--ax-canvas:var(--anchor-canvas,#faf8f3);--ax-ink:var(--anchor-ink,#152238);--ax-muted:var(--anchor-muted,#626d7a);--ax-border:var(--anchor-border,#e3ddd2);--ax-accent:var(--anchor-accent,#91671e);--ax-core:var(--anchor-rail,#0d1b30);--ax-gold:var(--anchor-rail-accent,#d5ad64);--ax-line:#c9bfae;border:1px solid var(--ax-border);background:var(--ax-surface);margin:24px 0 28px}:root[data-theme=dark] .arch-x{--ax-line:#46525a}.arch-x *{margin-top:0}.arch-x .arch-x__facts dd{margin:0}.arch-x__bar{border-bottom:1px solid var(--ax-border);flex-wrap:wrap;gap:6px;padding:12px 14px;display:flex}.arch-x__flow{border:1px solid var(--ax-border);color:var(--ax-muted);font:400 11px/1.3 var(--anchor-mono,monospace);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:3px;padding:7px 11px}.arch-x__flow:hover{color:var(--ax-ink);border-color:var(--ax-accent)}.arch-x__flow.is-on{background:var(--ax-core);border-color:var(--ax-core);color:#faf8f3}.arch-x__stage{grid-template-columns:minmax(0,1fr) 260px;display:grid}.arch-x__svg{background:var(--ax-canvas);width:100%;height:auto;display:block}.arch-x__dot{fill:var(--ax-line);opacity:.45}.arch-x__zone{fill:none;stroke:var(--ax-line);stroke-dasharray:4 5}.arch-x__zone-label{fill:var(--ax-muted);font:400 9.5px var(--anchor-mono,monospace);letter-spacing:.14em}.arch-x__glow-a{stop-color:var(--ax-gold);stop-opacity:.22}.arch-x__glow-b{stop-color:var(--ax-gold);stop-opacity:0}.arch-x__link path{fill:none;stroke:var(--ax-line);stroke-width:1.4px;transition:stroke .3s,opacity .3s}.arch-x__link text{fill:var(--ax-muted);font:400 9.5px var(--anchor-mono,monospace);letter-spacing:.06em;opacity:0;transition:opacity .3s}.arch-x__link.is-active path{stroke:var(--ax-accent);stroke-width:2.2px;stroke-dasharray:6 5;animation:1s linear infinite arch-x-dash}.arch-x__link.is-active text{opacity:1;fill:var(--ax-accent)}.arch-x:not(.is-focused) .arch-x__link text{opacity:.85}.arch-x.is-focused .arch-x__link:not(.is-active) path{opacity:.35}.arch-x__packet{fill:var(--ax-gold);filter:drop-shadow(0 0 4px var(--ax-gold))}.arch-x__packet.is-ambient{fill:var(--ax-accent);opacity:.55;filter:none}.arch-x__node{cursor:pointer;outline:none;transition:opacity .3s}.arch-x__node rect{fill:var(--ax-surface);stroke:var(--ax-line);stroke-width:1.2px;transition:stroke .3s,filter .3s}.arch-x__node.is-external rect{stroke-dasharray:4 3;fill:var(--ax-canvas)}.arch-x__node.is-data rect{fill:var(--ax-canvas)}.arch-x__node.is-core rect{fill:var(--ax-core);stroke:var(--ax-core)}.arch-x__label{fill:var(--ax-ink);font:400 13px var(--anchor-mono,monospace);letter-spacing:.14em;text-transform:uppercase}.arch-x__sub{fill:var(--ax-muted);font:400 10.5px var(--anchor-sans,sans-serif)}.arch-x__node.is-core .arch-x__label{fill:#faf8f3;font-size:15px}.arch-x__node.is-core .arch-x__sub{fill:#b3bfce}.arch-x__mark{fill:none;stroke:var(--ax-gold);stroke-width:1.5px;stroke-linecap:round}.arch-x__node:hover rect,.arch-x__node:focus-visible rect,.arch-x__node.is-active rect{stroke:var(--ax-accent);stroke-width:2px;filter:drop-shadow(0 6px 14px #91671e38)}.arch-x__node.is-core.is-active rect{stroke:var(--ax-gold)}.arch-x.is-focused .arch-x__node:not(.is-active){opacity:.38}.arch-x__panel{border-left:1px solid var(--ax-border);flex-direction:column;gap:12px;padding:18px;display:flex}.arch-x__eyebrow{color:var(--ax-accent);font:400 11px/1.4 var(--anchor-mono,monospace);letter-spacing:.14em;text-transform:uppercase;margin:0}.arch-x__text{color:var(--ax-ink);font:400 15px/1.65 var(--anchor-sans,sans-serif);min-height:7.5em;margin:0}.arch-x__facts{gap:4px 0;margin:0;font-size:14px;line-height:1.55;display:grid}.arch-x__facts dt{color:var(--ax-muted);font:400 10.5px/1.4 var(--anchor-mono,monospace);letter-spacing:.14em;text-transform:uppercase;margin-top:6px}.arch-x__facts dd{color:var(--ax-ink);margin:0}.arch-x__open{border:1px solid var(--ax-accent);color:var(--anchor-accent-ink,#765113);font:400 11px/1.3 var(--anchor-mono,monospace);letter-spacing:.12em;text-transform:uppercase;border-radius:3px;align-self:flex-start;padding:7px 11px;text-decoration:none}.arch-x__open:hover{background:var(--ax-accent);color:var(--ax-surface)}.arch-x__steps{align-items:center;gap:6px;margin-top:auto;display:flex}.arch-x__steps[hidden],.arch-x__facts[hidden]{display:none}.arch-x__ctl{border:1px solid var(--ax-border);min-width:30px;height:30px;color:var(--ax-ink);font:400 13px var(--anchor-mono,monospace);cursor:pointer;background:0 0;border-radius:3px;padding:0 8px}.arch-x__ctl:hover{border-color:var(--ax-accent)}.arch-x__play{letter-spacing:.12em;text-transform:uppercase;margin-left:auto;font-size:10.5px}.arch-x__dots{align-items:center;gap:5px;display:flex}.arch-x__dots button{background:var(--ax-line);cursor:pointer;border:0;border-radius:50%;width:8px;height:8px;padding:0}.arch-x__dots button.is-on{background:var(--ax-accent)}.arch-x__note{border-top:1px solid var(--ax-border);color:var(--ax-muted);font:400 13px/1.55 var(--anchor-sans,sans-serif);margin:0;padding:10px 14px}.arch-x :focus-visible{outline:2px solid var(--ax-accent);outline-offset:2px}@keyframes arch-x-dash{to{stroke-dashoffset:-22px}}@media (prefers-reduced-motion:reduce){.arch-x__link.is-active path{animation:none}.arch-x *{transition:none!important}}.arch-x__list{display:none}.arch-x__row{border:1px solid var(--ax-border);background:var(--ax-surface);text-align:left;cursor:pointer;border-radius:4px;gap:2px;width:100%;padding:11px 14px;transition:border-color .25s,opacity .25s;display:grid}.arch-x__row.is-external{background:var(--ax-canvas);border-style:dashed}.arch-x__row.is-core{background:var(--ax-core);border-color:var(--ax-core)}.arch-x__row-label{color:var(--ax-ink);font:400 12.5px/1.4 var(--anchor-mono,monospace);letter-spacing:.14em;text-transform:uppercase}.arch-x__row-sub{color:var(--ax-muted);font:400 13px/1.4 var(--anchor-sans,sans-serif)}.arch-x__row.is-core .arch-x__row-label{color:#faf8f3}.arch-x__row.is-core .arch-x__row-sub{color:#b3bfce}.arch-x__row.is-active{border-color:var(--ax-accent);box-shadow:inset 3px 0 var(--ax-accent)}.arch-x.is-focused .arch-x__row:not(.is-active){opacity:.45}@media (width<=40rem){.arch-x__svg{display:none}.arch-x__list{background:var(--ax-canvas);gap:6px;margin:0;padding:12px;list-style:none;display:grid}.arch-x .arch-x__list>li,.arch-x .arch-x__list .arch-x__row{margin:0!important}.arch-x__flow{padding:6px 9px;font-size:10.5px}}@media (width<=60rem){.arch-x__stage{grid-template-columns:1fr}.arch-x__panel{border-left:0;border-top:1px solid var(--ax-border)}.arch-x__text{min-height:0}}