/* Floaters: the Inquire pill and the accessibility button. js/floaters.js decides, at each scroll rest,
   whether each one is shown where it sits, shown a little higher in a clear gap, or tucked below the edge.
   This file owns their ground, their tuck motion and the footer's clearance. */

/* The legacy inline position/visibility written by site.js is superseded by the rules below. */
#floaters .accessibility-button{bottom:calc(16px + env(safe-area-inset-bottom))!important;visibility:visible!important}

/* Ground: a white ring around the ink pill. On ink bands the ring is what the eye sees, on paper the ink fill is. */
.inquire{box-shadow:0 0 0 2px var(--white),0 8px 24px var(--scrim-alpha-35)}

/* Tuck and shift. The independent translate property composes with any transform and never moves layout. */
.inquire,#floaters .accessibility-button{
  translate:0 calc(var(--fl-dy,0px) + var(--fl-tuck,0) * (100% + 48px + env(safe-area-inset-bottom)));
  transition:translate var(--dur-slow) var(--ease-standard)
}
.inquire[data-fl="tucked"],#floaters .accessibility-button[data-fl="tucked"]{pointer-events:none}
.inquire[data-fl="moving"],#floaters .accessibility-button[data-fl="moving"]{transition-duration:var(--dur-fast);transition-timing-function:var(--ease-exit)}
@media(prefers-reduced-motion:reduce){.inquire,#floaters .accessibility-button{transition:none}}

/* The last footer links clear the floaters at the very end of the page. */
@media(width < 1024px){.site-footer{padding-bottom:calc(88px + env(safe-area-inset-bottom))}}