/* Article code blocks and copy buttons for the guides. Loaded on those pages alone. */
.acode{position:relative;min-width:0;max-width:100%}
.acode pre{margin:0;padding:18px 18px 18px;background:var(--ink);border-radius:var(--r2);box-shadow:inset 0 0 0 1px var(--edge);white-space:pre-wrap;overflow-wrap:anywhere;font:400 14px/1.55 Geist,Manrope,sans-serif;color:#E2E6DD;tab-size:2}
.acode pre code{font:inherit;color:inherit;background:none;padding:0}
.acopy{all:unset;box-sizing:border-box;position:absolute;right:10px;top:10px;padding:6px 12px;border-radius:999px;font:500 13px/1.3 Manrope,sans-serif;color:var(--ink);background:var(--chalk);cursor:pointer}
.acopy:focus-visible{outline:2px solid var(--chalk);outline-offset:2px}
.acode pre{padding-top:48px}
.aprose code,.atable code{font:400 .92em/1.4 Geist,Manrope,sans-serif;padding:2px 6px;border-radius:6px;background:rgba(243,245,240,.1);color:#fff;overflow-wrap:anywhere}
.aprose .aflat{margin-bottom:-6px}
.atable a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.atable td{overflow-wrap:anywhere}
.aprose .center .h1{padding-bottom:.08em}

.agfig{margin:6px 0 10px;width:100%}.agfig img{display:block;width:100%;height:auto;border-radius:16px}.agfig figcaption{margin-top:10px;font-size:15px;line-height:1.45;color:#C9CEC4}