/* Shared keyboard focus and control targets. Keep after component styles. */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #07585c!important;outline-offset:3px;box-shadow:0 0 0 2px #fff!important}
:where(button,select,input:not([type=hidden]):not([type=checkbox]):not([type=radio])){min-height:32px}
:where(button,select){min-width:32px}
:where(input[type=checkbox],input[type=radio]){min-width:24px;min-height:24px}
:where(summary){min-height:32px;padding-block:6px;cursor:pointer}
:where(a,button,input,select,textarea,summary,[tabindex]){scroll-margin-block:20px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(forced-colors:active){:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid Highlight!important;box-shadow:none!important}}