/* Motion uses independent translate/scale so carousel positioning and existing transforms survive. */
body.monk-theme [data-monk-motion]{transition-property:translate,scale,box-shadow,transform,background-color,color,border-color,opacity;transition-duration:260ms;transition-timing-function:cubic-bezier(.2,.7,.2,1);-webkit-tap-highlight-color:transparent}
body.monk-theme [data-monk-motion] :is(.fa-arrow-right,.fa-arrow-left,.fa-chevron-right,.fa-arrow-up-right-from-square){transition:translate 260ms cubic-bezier(.2,.7,.2,1)}
@media(hover:hover) and (pointer:fine){
 body.monk-theme [data-monk-motion="action"]:not(:disabled):not([aria-disabled="true"]):hover{translate:0 -3px;box-shadow:0 9px 22px rgba(16,44,53,.16)}
 body.monk-theme [data-monk-motion="compact"]:not(:disabled):not([aria-disabled="true"]):hover{scale:1.07}
 body.monk-theme [data-monk-motion="inline"]:not(:disabled):not([aria-disabled="true"]):hover{translate:3px 0}
 body.monk-theme [data-monk-motion]:not(:disabled):not([aria-disabled="true"]):hover :is(.fa-arrow-right,.fa-chevron-right,.fa-arrow-up-right-from-square){translate:3px 0}
 body.monk-theme [data-monk-motion]:not(:disabled):not([aria-disabled="true"]):hover .fa-arrow-left{translate:-3px 0}
}
body.monk-theme [data-monk-motion]:not(:disabled):not([aria-disabled="true"]):active{scale:.975;transition-duration:100ms}
body.monk-theme [data-monk-motion="action"]:not(:disabled):not([aria-disabled="true"]):active{translate:0 0;box-shadow:0 3px 8px rgba(16,44,53,.12)}
body.monk-theme [data-monk-motion]:focus-visible{outline:2px solid currentColor;outline-offset:4px}
/* Existing page fans, image previews and their hover transforms remain in control. */
body.monk-theme [data-monk-motion="custom"]{transition-property:transform,translate,scale,opacity;transition-duration:400ms}
@media(prefers-reduced-motion:reduce){
 body.monk-theme [data-monk-motion],body.monk-theme [data-monk-motion] i{transition:none!important}
 body.monk-theme [data-monk-motion]:hover,body.monk-theme [data-monk-motion]:active{translate:none!important;scale:none!important}
 body.monk-theme [data-monk-motion]:hover i{translate:none!important}
}