.cosqool-public .cpg-hero{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:32px;margin-block-end:28px;display:grid}.cosqool-public .cpg-hero.is-plain{grid-template-columns:minmax(0,1fr)}.cosqool-public .cpg-hero .cai-head{margin-block-end:0}.cosqool-public .cpg-art svg{block-size:auto;inline-size:min(100%,340px);margin-inline:auto;display:block}.cosqool-public .cpg-next{flex-wrap:wrap;gap:12px;margin-block-start:20px;display:flex}.cosqool-public .cpg-example{max-inline-size:860px}.cosqool-public .cpg-example h2{color:var(--public-indigo);font-family:var(--public-font-title);margin:0 0 16px;font-size:22px;font-weight:900;line-height:1.3}.cosqool-public[dir=rtl] .cpg-example h2{font-family:CoHeadline;font-weight:400}.cosqool-public .cpg-chat{gap:18px;margin:0;padding:0;list-style:none;display:grid}.cosqool-public .cpg-turn{gap:8px;display:grid}.cosqool-public .cpg-bubble{color:#4a4f5c;border-radius:16px;max-inline-size:min(100%,60ch);margin:0;padding:12px 16px;font-size:15.5px;line-height:1.65}.cosqool-public .cpg-bubble b{color:var(--public-indigo);font-family:var(--public-font-medium);margin-block-end:2px;font-size:13.5px;font-weight:500;display:block}.cosqool-public[dir=rtl] .cpg-bubble b{font-family:CoHeadline;font-weight:400}.cosqool-public .cpg-ask{background:var(--public-program-surface);border-end-start-radius:4px;justify-self:start}.cosqool-public .cpg-reply{background:#fff6cf;border-end-end-radius:4px;justify-self:end}.cosqool-public .cpg-code{color:#f4f6fb;text-align:start;background:#26305c;border-radius:14px;margin:0;padding:16px 18px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.6;overflow-x:auto}.cosqool-public .cpg-facts{margin-block-end:6px}.cosqool-public .cpg-note{margin-block:14px 0}.cosqool-public .cpg-about .cpg-does{max-inline-size:78ch;margin-block-end:26px;font-size:16.5px}.cosqool-public .cpg-text{color:var(--public-ink);margin:0;font-size:15.5px;line-height:1.65}.cosqool-public .cai-about h3.cpg-second{margin-block-start:18px}.cosqool-public .cpg-next-section{margin-block:36px 28px}.cosqool-public .cpg-next-section .cpg-next{margin-block-start:0}@media (width<=820px){.cosqool-public .cpg-hero{grid-template-columns:minmax(0,1fr);gap:18px}.cosqool-public .cpg-art{order:-1}.cosqool-public .cpg-art svg{inline-size:min(60%,240px)}.cosqool-public .cpg-next .cpt-button{flex:100%}.cosqool-public .cpg-code{font-size:12.5px}}