/* HASKARI Academy — compositor-only floating rail motion.
   Keeps the physical stack stable and animates mobile-nav avoidance with the
   individual `translate` property so component transforms remain independent. */

.hx-floating-action {
    translate: 0 var(--hx-floating-shift-y, 0px);
    transition:
        translate .36s cubic-bezier(.16, 1, .3, 1),
        opacity .22s ease !important;
    will-change: translate !important;
}

.hx-attention-active [data-hx-floating-action][data-hx-yield="true"] {
    translate: 0 calc(var(--hx-floating-shift-y, 0px) + 8px);
    transform: scale(.94);
}

@media (prefers-reduced-motion: reduce) {
    .hx-floating-action,
    .hx-attention-active [data-hx-floating-action][data-hx-yield="true"] {
        transition: none !important;
    }
}