/* Interaction timing is restrained; recorded values and dense data rows never move. */
:root{--ka-motion-ease:cubic-bezier(.22,1,.36,1)}
.button,.icon-button,.rw-primary,.search-submit,.mobile-nav-toggle{transition:transform 100ms var(--ka-motion-ease),background-color 140ms ease-out,border-color 140ms ease-out,box-shadow 140ms ease-out}
.button:active:not(:disabled),.icon-button:active:not(:disabled),.rw-primary:active:not(:disabled),.search-submit:active:not(:disabled),.mobile-nav-toggle:active{transform:scale(.98)}
.global-search,.rw-home-search{transition:border-color 140ms ease-out,box-shadow 140ms ease-out}
.global-search:focus-within,.rw-home-search:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--ka-primary) 16%,transparent)}
.workflow-card{transition:transform 160ms var(--ka-motion-ease),border-color 160ms ease-out,box-shadow 160ms ease-out}
@media(hover:hover) and (pointer:fine){.workflow-card:hover{transform:translateY(-2px)}}
.drawer-backdrop{animation:motion-drawer-shade-in 240ms ease-out}
.drawer{animation:motion-drawer-in 240ms var(--ka-motion-ease)}
#drawer-root.is-closing .drawer{animation:motion-drawer-out 180ms cubic-bezier(.4,0,1,1) both}
#drawer-root.is-closing .drawer-backdrop{animation:motion-drawer-shade-out 180ms ease-out both}
#drawer-root.is-closing{pointer-events:none}
@keyframes motion-drawer-in{from{transform:translateX(32px);opacity:.5}to{transform:translateX(0);opacity:1}}
@keyframes motion-drawer-out{from{transform:translateX(0);opacity:1}to{transform:translateX(32px);opacity:0}}
@keyframes motion-drawer-shade-in{from{opacity:0}to{opacity:1}}
@keyframes motion-drawer-shade-out{from{opacity:1}to{opacity:0}}
.tabbar.has-motion-tabs{position:relative}
.tabbar.has-motion-tabs [aria-selected="true"]{border-bottom-color:transparent}
.motion-tab-indicator{position:absolute;top:0;left:0;height:2px;background:var(--ka-primary);pointer-events:none}
.motion-tab-indicator.is-positioned{transition:transform 200ms var(--ka-motion-ease),width 200ms var(--ka-motion-ease)}
details>summary{transition:color 140ms ease-out,background-color 140ms ease-out}
details>summary::marker{color:var(--ka-text-muted)}
details[open]>summary::marker{color:var(--ka-primary)}
:is(.disclosure,.pw-disclosure,.pw-subdisclosure,.rw-disclosure)>summary{list-style:none}
:is(.disclosure,.pw-disclosure,.pw-subdisclosure,.rw-disclosure)>summary::-webkit-details-marker{display:none}
:is(.disclosure,.pw-disclosure,.pw-subdisclosure,.rw-disclosure)>summary::before{content:'›';display:inline-block;margin-right:.5em;color:var(--ka-text-muted);transform:rotate(0);transition:transform 160ms var(--ka-motion-ease)}
:is(.disclosure,.pw-disclosure,.pw-subdisclosure,.rw-disclosure)[open]>summary::before{transform:rotate(90deg);color:var(--ka-primary)}
.pw-site-row.is-selected{transition:background-color 150ms ease-out}
.resource-figure img{aspect-ratio:4/3;object-fit:contain}
@media(prefers-reduced-motion:reduce){
  .button,.icon-button,.rw-primary,.search-submit,.mobile-nav-toggle,.global-search,.rw-home-search,.workflow-card,.motion-tab-indicator.is-positioned,details>summary,.pw-site-row.is-selected{transition:none}
  .button:active,.icon-button:active,.rw-primary:active,.search-submit:active,.mobile-nav-toggle:active,.workflow-card:hover{transform:none}
  details>summary::before{transition:none!important}
  .drawer,.drawer-backdrop,#drawer-root.is-closing .drawer,#drawer-root.is-closing .drawer-backdrop{animation:none}
}

/* Reserve the initial viewport and asynchronous example line before content. */
.app-region:empty { min-height: 100vh; }
.rw-home [data-home-example] { min-height: 1.6em; }