
    code{font-family:"SFMono-Regular",Consolas,monospace;background:var(--code);padding:.14em .38em;border-radius:6px;font-size:.9em}
    pre{overflow:auto;background:var(--code);padding:18px;border-radius:16px;border:1px solid var(--hair);font-size:13px;line-height:1.55}
    .flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:stretch;margin:24px 0}
    .step{position:relative;padding:22px 18px;border-radius:20px;background:var(--panel);border:1px solid var(--hair);min-height:150px}
    .step .n{font-size:11px;font-weight:800;color:var(--accent);letter-spacing:.1em}
    .step b{display:block;font-size:17px;margin:5px 0 8px}
    .step:not(:last-child)::after{content:"›";position:absolute;right:-11px;top:50%;transform:translateY(-50%);font-size:28px;color:var(--muted);z-index:3}
    .tablewrap{overflow:auto;border-radius:22px;border:1px solid var(--hair);background:var(--panel2)}
    