ao-demo{display:block;margin:30px 0 34px}.cfd{font-family:Karla,system-ui,sans-serif;font-size:14.5px;line-height:1.5;color:var(--pc-body);padding:16px 18px;border:1px solid var(--pc-line2);border-radius:12px;background:var(--pc-code)}.cfd p.cfd-eyebrow{margin:0 0 8px;font:600 11px/1.3 Karla,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--pc-gold)}.cfd p.cfd-lede,.cfd p.cfd-note,.cfd p.cfd-sub,.cfd p.cfd-verdict,.cfd p.cfd-where,.cfd p.cfd-me,.cfd p.cfd-foot{margin:0 0 12px;font:400 14.5px/1.5 Karla,system-ui,sans-serif;color:var(--pc-body)}.cfd p.cfd-note{color:var(--pc-quiet)}.cfd p.cfd-sub{margin:16px 0 6px;font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--pc-quiet)}.cfd p.cfd-verdict{margin:10px 0 0;padding:10px 12px;border-left:3px solid var(--pc-head);border-radius:0 6px 6px 0;background:var(--pc-hover);font-weight:600;color:var(--pc-strong)}.cfd code{font-size:.86em}.cfd button.cfd-go{padding:7px 14px;border:1px solid var(--pc-head);border-radius:999px;background:var(--pc-head);color:var(--pc-page);font:600 13.5px/1.2 Karla,system-ui,sans-serif;cursor:pointer}.cfd button.cfd-go:hover{filter:brightness(1.06)}.cfd button.cfd-go:disabled{opacity:.6;cursor:progress}.cfd button.cfd-show{padding:1px 8px;border:1px solid var(--pc-line2);border-radius:999px;background:transparent;color:var(--pc-body);font:600 11.5px/1.4 Karla,system-ui,sans-serif;cursor:pointer;vertical-align:1px}.cfd button:focus-visible{outline:2px solid var(--pc-accent);outline-offset:2px}.cfd-out:not(:empty){margin-top:14px}.cfd dl.cfd-trace{display:grid;gap:8px;margin:0}.cfd-trace>div{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:10px;align-items:baseline}.cfd-trace dt{font-size:12.5px;color:var(--pc-quiet);text-align:right}.cfd-trace dd{margin:0;color:var(--pc-soft);font-size:13.5px}.cfd-trace dd b{display:block;font:600 14px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--pc-strong);overflow-wrap:anywhere}.cfd ol.cfd-steps{display:grid;gap:4px;margin:0;padding:0;list-style:none}.cfd ol.cfd-steps li{display:grid;grid-template-columns:1.4em minmax(0,1fr);margin:0;font:400 13.5px/1.45 Karla,system-ui,sans-serif;color:var(--pc-soft)}.cfd-steps li>b{font-weight:600;color:var(--pc-strong)}.cfd-steps li>b,.cfd-steps li>span:last-child{grid-column:2}.cfd-steps .cfd-mark{grid-row:span 2;font-weight:700;color:var(--pc-quiet)}.cfd-steps li.is-in .cfd-mark{color:var(--pc-head)}.cfd-steps li.is-out .cfd-mark{color:var(--pc-accent)}.cfd-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:10px}.cfd-big{font:700 40px/1 Zen Maru Gothic,Karla,system-ui,sans-serif;color:var(--pc-head);font-variant-numeric:tabular-nums}.cfd-since{font-size:14px;color:var(--pc-soft)}.cfd-spark{display:flex;align-items:flex-end;gap:2px;height:44px;margin-bottom:10px;padding-bottom:1px;border-bottom:1px solid var(--pc-line2)}.cfd-spark span{flex:1 1 0;max-width:22px;min-width:3px;border-radius:2px 2px 0 0;background:var(--pc-head);opacity:.85}.cfd p.cfd-where{color:var(--pc-soft);font-size:13.5px}.cfd p.cfd-me{color:var(--pc-strong)}.cfd p.cfd-foot{margin:0;font-size:12.5px;color:var(--pc-quiet)}@media(max-width:640px){.cfd{padding:12px}.cfd-trace>div{grid-template-columns:minmax(0,1fr);gap:0}.cfd-trace dt{text-align:left}}