/* /architecture/ */
.ar-top .lead{max-width:33em;margin-bottom:var(--sp-6)} .ar-top h1{max-width:18ch}
.ar-figure{margin:0 0 var(--sp-4)} .ar-svg{width:100%;height:auto;display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-3)}
.ar-svg .ar-box rect{fill:#0b0f1a;stroke:rgba(255,255,255,.18);stroke-width:1.5} .ar-svg .ar-box.gold rect{stroke:#D4AF37} .ar-svg .ar-box.teal rect{stroke:#5EE1D6}
.ar-svg text{fill:var(--text);font:600 18px/1 var(--font-body)} .ar-svg .ar-sub{fill:var(--muted);font-weight:400;font-size:14px} .ar-svg .ar-note{fill:var(--muted);font-weight:500;font-size:13px}
.ar-svg .ar-line{fill:none;stroke:#5EE1D6;stroke-width:1.8}
.ar-figure figcaption{margin-top:var(--sp-3);color:var(--muted);font-size:var(--fs-sm);max-width:33em}
.ar-body .wb-grid{margin-bottom:var(--sp-5)} .ar-cmd{background:#05070b;border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--sp-3);font-size:.9rem;margin:var(--sp-3) 0}
.ar-repro{margin-bottom:var(--sp-6)} .ar-btns{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin:var(--sp-3) 0}
.ar-out{min-height:8rem} .ar-title{margin-bottom:var(--sp-2)} .ar-log{background:#05070b;border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--sp-3);font-size:.85rem;white-space:pre-wrap;margin-bottom:var(--sp-2)}