.vj-box{border:1px solid #7885b455;border-radius:20px;background:#121839;padding:24px}.vj-box p{line-height:1.65}.vj-box h2{margin:0 0 14px}.vj-options{display:flex;gap:24px;flex-wrap:wrap}.vj-options fieldset{border:0;padding:0;margin:0;min-width:0}.vj-options legend{margin-bottom:10px;color:#c9ccea}.learn .vj-options button,.learn .vj-views button,.learn .vj-nodes button{background:#202955;color:#e8ebff;border:1px solid #8b96c355;margin:0 5px 8px 0;padding:12px 15px}.learn button[aria-pressed=true]{background:#f2c46b;color:#142642;border-color:#f2c46b}.vj-views,.vj-nodes{display:flex;gap:6px;flex-wrap:wrap}#vj-diagram svg{display:block;width:100%;height:auto}#vj-diagram text{font-family:system-ui,sans-serif;fill:#f6f3ff}#vj-diagram rect{fill:#1a244c;stroke:#6e80bf;stroke-width:2}#vj-diagram .selected rect{stroke:#f2c46b;fill:#33304a;stroke-width:3;animation:vj-reveal .35s ease-out}#vj-diagram .edge{stroke:#6e80bf;stroke-width:3;fill:none;marker-end:url(#vj-arrow)}.vj-insight{border-left:4px solid #3fc6f2;padding:4px 18px;margin:20px 0}.vj-insight h3{font-size:1.3rem}.vj-box input{width:100%;box-sizing:border-box;padding:12px;background:#202955;color:white;border:1px solid #8b96c3}.vj-box [hidden]{display:none!important}@keyframes vj-reveal{from{opacity:.45}to{opacity:1}}@media(max-width:640px){.vj-box{padding:18px}.vj-nodes,.vj-views{display:grid;grid-template-columns:1fr 1fr}.learn .vj-nodes button{font-size:.9rem;text-align:left;margin:0}.learn .vj-views button{margin:0}}@media(prefers-reduced-motion:reduce){#vj-diagram .selected rect{animation:none}}