.arch-source,.arch-dshe,.arch-deploy{grid-template-columns:42px 1fr}
.arch-deploy{display:grid;column-gap:12px;align-items:center;padding:13px 16px;border:1px dashed #aab8cd;background:#fff}
.arch-deploy strong{font:500 15px var(--mono)}
.arch-outcomes{grid-template-columns:repeat(4,1fr)}
.arch-outcomes strong{font-size:13px}
.enterprise-boundary{padding:22px;border:1px dashed #aab8cd;background:var(--paper)}
.enterprise-boundary>strong{display:block;margin-bottom:19px;color:var(--ink);font:500 13px var(--mono)}
.enterprise-flow .flow-emphasis{padding:11px 14px;border:1px solid var(--blue);background:#fff;color:var(--ink)}
.tech-layers{margin-top:51px;border-top:1px solid var(--ink)}
.tech-layer{display:grid;grid-template-columns:220px 1fr;gap:30px;padding:25px 0;border-bottom:1px solid var(--line)}
.tech-layer>div:first-child span{color:var(--blue);font:11px var(--mono)}
.tech-layer h2{margin:22px 0 0;font-size:20px}
.tech-layer-items{display:flex;flex-wrap:wrap;align-content:start;gap:8px}
.tech-layer-items span{padding:8px 10px;border:1px solid var(--line);background:#fff;color:var(--muted);font:11px var(--mono)}
@media(max-width:700px){.arch-outcomes{grid-template-columns:1fr}.tech-layer{display:block}.tech-layer-items{margin-top:20px}.enterprise-boundary{padding:16px 13px}.enterprise-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:13px;font-size:10px}.enterprise-flow b:nth-of-type(2){grid-column:2}}