.prose.arch{max-width:none}.arch>div>:is(p,ul,ol){max-width:46rem}.arch .mermaid-figure{margin-block:1.5rem 2rem;padding:clamp(1rem,3vw,2.5rem)}.arch .mermaid-figure svg{width:100%;min-width:46rem;max-width:none!important}.arch-card{border:1px solid var(--line);background:var(--surface);color:var(--ink);transition:border-color .2s var(--ease);grid-template-columns:minmax(0,15rem) minmax(0,1fr);align-items:center;gap:1.5rem;margin-top:2rem;padding:1.25rem;text-decoration:none;display:grid}.arch-card:hover,.arch-card:focus-visible{border-color:var(--acc)}.arch-card svg{width:100%;height:auto;color:var(--fg)}.arch-card>span{flex-direction:column;align-items:flex-start;gap:.375rem;display:flex}.arch-card .item{color:var(--fg)}.arch-card .mini-link{margin-top:.5rem}@media (max-width:40rem){.arch-card{grid-template-columns:minmax(0,1fr)}.arch-card svg{max-width:15rem}}