/* STEP 28: keyboard-visible interaction and readable form feedback. */
:where(a,button,input,select,textarea,[role="button"],[tabindex]):focus-visible{outline:3px solid #0B7F7A;outline-offset:3px}
:where(input,select,textarea)[aria-invalid="true"]{border:2px solid #a32626}
:where(.form-error,[role="alert"]){overflow-wrap:anywhere}
@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}