[data-diagram]{font-size:inherit;line-height:inherit;margin-block:2.5rem}[data-diagram] .diagram-surface{text-align:center;background:#f6f7f3;border:1px solid #eceee8;border-radius:14px;padding:72px 24px 24px;position:relative}@media (width>=960px){[data-diagram]{width:840px;margin-inline:calc(50% - 420px)}}[data-diagram] figcaption{text-align:center;color:var(--color-muted);margin:.7rem auto 0;font-size:.75rem;line-height:1.6}[data-diagram] .diagram-control{color:#777c76;cursor:pointer;background:#eceeeb;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;top:14px;right:14px}[data-diagram] .diagram-control:hover{background:#e1e4df}[data-diagram] .diagram-control:focus-visible{outline-offset:3px;outline:2px solid #777c76}.diagram-control svg{width:18px;height:18px}.diagram-control [data-icon=play]{fill:currentColor;stroke:none}.diagram-control [data-icon]{display:none}.diagram-control[data-state=playing] [data-icon=pause],.diagram-control[data-state=paused] [data-icon=play],.diagram-control[data-state=ready] [data-icon=play],.diagram-control[data-state=finished] [data-icon=replay]{display:block}@media (prefers-reduced-motion:reduce){[data-diagram] .diagram-control{display:none}}@media (width<=639px){[data-diagram] .diagram-surface{padding:72px 16px 16px}}.blog-prose .astra-demo-caption{text-align:center}.blog-prose img[alt="A presenter seated in front of a large projected computer screen during the ChatGPT demo."]{border-radius:14px}.hci-explainer .hci-trip{grid-template-columns:1fr .85fr 28px 1fr;align-items:stretch;gap:12px;display:grid}.hci-explainer .hci-card{background:#fff;border:1px solid #e0e4dc;border-radius:10px;padding:20px 16px}.hci-explainer .hci-label{color:#737971;margin-bottom:12px;font-size:.75em;line-height:1.5;display:block}.blog-prose .hci-explainer p{font:inherit;color:#333831;margin:0}.hci-explainer .hci-trip .hci-label{text-align:center}.hci-explainer .hci-connection{text-align:center;border:1px solid #0000;border-radius:10px;align-self:center;padding:16px 8px}.hci-explainer .hci-arrow{border-top:1px dashed #858ca6;align-self:center;width:100%;height:0;position:relative}.hci-explainer .hci-arrow:after{content:"";border-top:1px solid #858ca6;border-right:1px solid #858ca6;width:7px;height:7px;position:absolute;top:-4px;right:0;transform:rotate(45deg)}.hci-explainer .hci-result{background:#eef0f6;border-color:#d5d9e5}.hci-explainer .hci-result strong{color:#555d82;font-weight:600;display:inline-block;position:relative}.hci-explainer .hci-result strong:after{content:"";transform-origin:0;background:#a8aec9;height:2px;position:absolute;inset:auto 0 0}.hci-explainer .hci-inputs{grid-template-columns:1fr 1fr;gap:16px;display:grid}.hci-explainer .hci-weather>.hci-result{max-width:440px;margin-inline:auto}.hci-explainer .hci-merge{border:1px solid #b8becf;border-top-width:0;border-radius:0 0 5px 5px;width:calc(50% + 8px);height:34px;margin:12px auto 30px;position:relative}.hci-explainer .hci-merge:before{content:"";border-left:1px solid #b8becf;height:18px;position:absolute;top:100%;left:50%}.hci-explainer .hci-merge:after{content:"";border-bottom:1px solid #b8becf;border-right:1px solid #b8becf;width:7px;height:7px;position:absolute;top:calc(100% + 11px);left:calc(50% - 3px);transform:rotate(45deg)}@media (width<=639px){.hci-explainer .hci-trip{grid-template-columns:1fr;gap:12px}.hci-explainer .hci-card{padding:16px}.hci-explainer .hci-label{margin-bottom:8px}.hci-explainer .hci-connection{padding:8px 16px}.hci-explainer .hci-arrow{justify-self:center;width:28px;margin-block:8px;transform:rotate(90deg)}.hci-explainer .hci-merge{width:calc(50% + 6px)}.hci-explainer .hci-inputs{gap:12px}.hci-explainer .hci-inputs .hci-card{padding:12px}}@media (prefers-reduced-motion:no-preference){.hci-explainer[data-diagram-active] .hci-new-info{animation:1.2s ease-in-out .2s both hci-notice}.hci-explainer[data-diagram-active] .hci-result{animation:1.2s ease-in-out 1.5s both hci-connect}.hci-explainer[data-diagram-active] .hci-result strong:after{animation:.9s ease-out 1.5s both hci-underline}}@keyframes hci-underline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hci-notice{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 3px #d8b18066}}@keyframes hci-connect{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 3px #666b8d55}}.source-link[data-astro-cid-m66uj5id]{color:var(--color-ink-soft);transition:color .16s}.source-link[data-astro-cid-m66uj5id]:hover{color:var(--color-muted)}.source-link[data-astro-cid-m66uj5id]:focus-visible{outline:2px solid var(--color-brand);outline-offset:.25rem;border-radius:.125rem}.source-link-label[data-astro-cid-m66uj5id]{text-decoration-line:underline;text-decoration-color:var(--color-line-strong);text-underline-offset:.25rem}.source-link-arrow[data-astro-cid-m66uj5id]{font-size:.9em;line-height:1;display:inline-block}.blog-prose>:first-child{margin-block-start:0}.blog-prose>:last-child{margin-block-end:0}.blog-prose p+p,.blog-prose p+ul,.blog-prose p+ol,.blog-prose ul+p,.blog-prose ol+p,.blog-prose blockquote+p,.blog-prose pre+p,.blog-prose figure+p{margin-block-start:1.4rem}.blog-prose h2{color:var(--color-ink);letter-spacing:-.035em;margin-block:3rem 1rem;font-size:clamp(1.55rem,2.6vw,1.9rem);font-weight:510;line-height:1.12}.blog-prose h3{color:var(--color-ink);letter-spacing:-.025em;margin-block:2.25rem .8rem;font-size:1.2rem;font-weight:510;line-height:1.25}.blog-prose h4{color:var(--color-ink);letter-spacing:-.015em;margin-block:2rem .75rem;font-size:1rem;font-weight:650;line-height:1.4}.blog-prose ul,.blog-prose ol{padding-inline-start:1.4rem}.blog-prose ul{list-style:outside}.blog-prose ul li::marker{color:var(--color-brand)}.blog-prose ol{list-style:decimal}.blog-prose li+li{margin-block-start:.55rem}.blog-prose a{color:var(--color-ink);text-decoration-line:underline;text-decoration-color:var(--color-line-strong);text-underline-offset:.3rem;transition:color .16s}.blog-prose a:hover,.blog-prose sup{color:var(--color-muted)}.blog-prose blockquote{border-inline-start:.125rem solid var(--color-brand);color:var(--color-brand);margin-block:2rem;padding-inline-start:1.25rem;font-size:1.05em}.blog-prose .blog-example{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-ink);margin-block:2rem;padding:1.125rem 1.25rem;font-size:1.05em;line-height:1.65}.blog-prose .blog-example p{margin:0}.blog-prose hr{border:0;border-block-start:1px solid var(--color-line);margin-block:3rem}.blog-prose figure,.blog-prose img{margin-block:2.5rem}.blog-prose img{width:100%;height:auto}.blog-prose p:has(>img:only-child){margin-block:2.5rem 0}.blog-prose p:has(>img:only-child)>img{margin-block:0}.blog-prose .blog-lead-image{border-radius:var(--radius-card);margin-block:0}.blog-prose .blog-caption{color:var(--color-muted);letter-spacing:.005em;margin-block:.7rem 2.5rem;font-size:.75rem;line-height:1.5}.blog-prose figure img{margin-block:0}.blog-prose figcaption{color:var(--color-muted);margin-block-start:.75rem;font-size:.8rem;line-height:1.5}.blog-prose code{background:var(--color-surface);color:var(--color-ink);border-radius:.25rem;font-size:.9em}.blog-prose :not(pre)>code{padding:.15em .35em}.blog-prose pre{border:1px solid var(--color-line);border-radius:var(--radius-panel);background:var(--color-surface);margin-block:2rem;padding:1rem;font-size:.9em;line-height:1.65;overflow-x:auto}.blog-prose pre code{background:0 0}.blog-prose table{border-collapse:collapse;width:100%;margin-block:2rem;font-size:.9em}.blog-prose :is(th,td){border-block-end:1px solid var(--color-line);text-align:start;vertical-align:top;padding:.75rem}.blog-prose th{color:var(--color-ink);font-weight:600}@media (prefers-reduced-motion:reduce){.blog-prose a{transition:none}}