/* Blue signals for action, execution and reading. */
:is(.button.primary,.demo-primary,.run-button){position:relative;isolation:isolate;overflow:hidden;transition:background .2s,box-shadow .25s;transform:none}
:is(.button.primary,.demo-primary,.run-button)::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:#203faf;clip-path:circle(0 at var(--entry-x,50%) var(--entry-y,50%));opacity:.5;transition:clip-path .5s cubic-bezier(.2,.7,.2,1)}
:is(.button.primary,.demo-primary,.run-button):is(:hover,:focus-visible):not(:disabled)::before{clip-path:circle(150% at var(--entry-x,50%) var(--entry-y,50%))}
:is(.button.primary,.demo-primary,.run-button):hover:not(:disabled){background:#294bc4;transform:none;box-shadow:0 5px 25px #2446bb28}
:is(.button.primary,.demo-primary,.run-button):active:not(:disabled){scale:.98}
:is(.button.primary,.demo-primary,.run-button)>.icon{translate:var(--icon-x,0) var(--icon-y,0)}
:is(.button.primary,.demo-primary,.run-button):is(:hover,:focus-visible)>.icon{animation:button-arrow .42s cubic-bezier(.2,.7,.2,1) both}
@keyframes button-arrow{0%{transform:translate(0,0);opacity:1}45%{transform:translate(12px,-12px);opacity:0}46%{transform:translate(-12px,12px);opacity:0}100%{transform:translate(0,0);opacity:1}}
.copy-snippet{display:block;background:#192740;border:1px solid #364d75;color:#c7d8f7;border-radius:4px;font:11px Manrope,sans-serif;margin:0 20px 18px;padding:8px 12px}.copy-snippet:hover{background:#111c30}.copy-snippet:focus-visible{outline:2px solid #99b5ff;outline-offset:4px}
.project-menu{position:relative;isolation:isolate}.project-selection{position:absolute;pointer-events:none;z-index:-1;left:0;top:0;background:#203253;border:1px solid #4b6590;border-radius:4px;transition:transform .32s cubic-bezier(.2,.7,.2,1),width .32s,height .32s}.project-menu.has-selection>button[aria-selected=true]{background:transparent;border-color:transparent}.project-demo{overflow:clip}
.connection.active{stroke:#94b5ff;stroke-width:2.8;stroke-dasharray:5 20;animation:flow-dash 1.1s linear infinite;filter:drop-shadow(0 0 3px #4268ff)}
.workflow-panel[data-waiting=true] .connection.active{animation-play-state:paused;filter:none;stroke:#c7d5f0}.pipe-node.active{box-shadow:0 0 22px #4268ff20;transition:box-shadow .3s,border-color .3s}.pipe-node.waiting{box-shadow:none}.connection.done{filter:none}.connection.return-edge.active{stroke:#94b5ff}
.blog-card .card-image{position:relative;isolation:isolate}.blog-card .card-image:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--light-x,50%) 40%,#8aaaff28,transparent 65%);opacity:0;transition:opacity .35s}.blog-card:is(:hover,:focus-visible) .card-image:after{opacity:1}.blog-card .card-image img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}.blog-card:is(:hover,:focus-visible) .card-image img{transform:scale(1.035) translateY(-2px)}.blog-card .read-link .icon{transition:transform .3s}.blog-card:is(:hover,:focus-visible) .read-link .icon{transform:translate(4px,-3px)}.blog-card h2{background:linear-gradient(#819fff,#819fff) left bottom/0 1px no-repeat;transition:background-size .4s}.blog-card:is(:hover,:focus-visible) h2{background-size:100% 1px}
.article-toc.reading-enhanced{padding-left:8px}.reading-rail{position:absolute;left:0;width:1px;background:#29364c;pointer-events:none}.reading-fill{position:absolute;left:0;top:0;width:1px;height:var(--reading-y,0px);background:#648bff;transition:height .3s}.reading-dot{position:absolute;left:-2px;top:0;width:5px;height:5px;border-radius:50%;background:#afc8ff;box-shadow:0 0 9px 2px #4268ff80;transform:translateY(var(--reading-y,0px));transition:transform .3s cubic-bezier(.2,.7,.2,1)}.article-toc a{transition:color .25s}.article-toc a[aria-current=location]{color:#b9cfff}.reading-toggle{display:none}.article-body section{scroll-margin-top:0}
@media(max-width:760px){.article-toc.reading-enhanced{position:sticky;top:calc(var(--header-offset) - 26px);z-index:20;background:#0d121df5;padding:0;border:1px solid #33435d;margin-bottom:25px;backdrop-filter:blur(12px)}.reading-toggle{display:block;width:100%;padding:13px 15px;text-align:left;border:0;border-radius:0;color:#c5d6f7;background:linear-gradient(#658dff,#658dff) left bottom/var(--reading-progress,0%) 2px no-repeat;font:12px/1.6 Manrope,sans-serif}.article-toc.reading-enhanced>.mono,.reading-rail{display:none}.article-toc.reading-enhanced ol{display:none;margin:0;padding:10px 20px 15px 30px;columns:1;max-height:45vh;overflow:auto}.article-toc.reading-open ol{display:block}.article-body section{scroll-margin-top:65px}.reading-toggle:focus-visible{outline:2px solid #a5bfff;outline-offset:3px}}
@media(prefers-reduced-motion:reduce){:is(.button.primary,.demo-primary,.run-button),.project-selection,.reading-dot,.reading-fill,.blog-card *{animation:none!important;transition:none!important}.button.primary::before,.demo-primary::before,.run-button::before{display:none}.button.primary:active,.demo-primary:active,.run-button:active{scale:1}.connection.active{animation:none!important;stroke-dasharray:none;filter:none}.blog-card:is(:hover,:focus-visible) .card-image img{transform:none}}

/* Shared end-aligned disclosure chevrons. */
summary{display:flex;align-items:center;gap:16px;list-style:none}
summary::marker{content:''}
summary::-webkit-details-marker{display:none}
.dropdown-chevron.icon{width:18px;height:18px;flex:0 0 18px;margin-left:auto;pointer-events:none;transition:transform .2s ease}
details[open]>summary>.dropdown-chevron,.reading-toggle[aria-expanded=true]>.dropdown-chevron{transform:rotate(180deg)}
.select-chevron{position:relative;display:inline-grid;min-width:0;max-width:100%;vertical-align:middle}
.select-chevron>select{appearance:none;-webkit-appearance:none;width:100%;padding-right:42px}
.select-chevron>.dropdown-chevron{position:absolute;right:14px;top:50%;margin:0;translate:0 -50%;color:#c4d6f1}
.select-chevron:has(>select:open)>.dropdown-chevron{transform:rotate(180deg)}
.sentry-control .select-chevron,.meeting-top .select-chevron,.inbox-demo .select-chevron{width:100%}
.inbox-demo .select-chevron{margin-bottom:17px}.inbox-demo .select-chevron>select{margin-bottom:0}
:is(.button.primary,.demo-primary,.run-button):focus-visible:not(:disabled){background:#294bc4}
@media(max-width:760px){.reading-toggle{display:flex;align-items:center;gap:16px}.reading-toggle>span{min-width:0}.workflow-scenario>.select-chevron{width:100%}.workflow-scenario>.select-chevron>select{font-size:11px}}
@media(prefers-reduced-motion:reduce){.dropdown-chevron.icon{transition:none}}