/* Base común de las demos: foco visible, texto legible y movimiento reducido. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid currentColor!important;outline-offset:3px!important;box-shadow:0 0 0 6px color-mix(in srgb,Canvas 70%,transparent)!important}
:where(input,select,textarea):focus-visible{outline-offset:2px!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}