.architecture:where(.astro-el3dnrwg){border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card);padding:22px}.diagram:where(.astro-el3dnrwg){grid-template-columns:1fr 44px 1fr 44px 1fr;align-items:center;gap:12px;min-height:150px;display:grid}.node:where(.astro-el3dnrwg){text-align:center;border:1px solid var(--line);background:var(--surface);font-size:var(--text-xs);color:var(--soft);transition:transform var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border-radius:7px;padding:14px 10px}.node:where(.astro-el3dnrwg):hover{border-color:var(--accent);transform:translateY(-3px)}.node:where(.astro-el3dnrwg) b:where(.astro-el3dnrwg){color:var(--accent);font-size:var(--text-sm);font-family:var(--display);margin-bottom:4px;display:block}.flow:where(.astro-el3dnrwg){background:var(--line);height:1px;position:relative;overflow:visible}.flow:where(.astro-el3dnrwg):after{content:"";background:var(--accent);width:28%;height:3px;box-shadow:0 0 9px var(--accent);border-radius:2px;animation:2.2s ease-in-out infinite signal;position:absolute;top:-1px;left:-20%}@keyframes signal{30%{opacity:1}to{opacity:0;left:100%}}@media (width<=900px){.diagram:where(.astro-el3dnrwg){grid-template-columns:1fr;min-height:0}.flow:where(.astro-el3dnrwg){width:1px;height:26px;margin:auto}.flow:where(.astro-el3dnrwg):after{width:3px;height:28%;animation:2.2s ease-in-out infinite signal-y;top:-20%;left:-1px}@keyframes signal-y{30%{opacity:1}to{opacity:0;top:100%}}}@media (prefers-reduced-motion:reduce){.flow:where(.astro-el3dnrwg):after{display:none}.node:where(.astro-el3dnrwg):hover{transform:none}}