/* Shared transient feedback. Selection, disclosure state and icon motion stay
   with their components. Effects change paint, never control dimensions. */
:is(a[href],button,summary,[role="button"],[role="tab"],[role="switch"],input[type="button"],input[type="submit"],input[type="reset"]):not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]){
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,filter .18s ease;
}
@media(hover:hover) and (pointer:fine){
  :is(a[href],button,summary,[role="button"],[role="tab"],[role="switch"],input[type="button"],input[type="submit"],input[type="reset"]):not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]):hover{
    filter:var(--control-hover-filter,brightness(.96));
    box-shadow:var(--control-hover-shadow,inset 0 0 0 .0625rem color-mix(in srgb,currentColor 24%,transparent));
  }
  a[href]:not(.button):not(.portal-button):not(.brand):not(.app-brand):not(.footer-logo-link):not(.audience-card):not(.mega-card):not([aria-disabled="true"]):not([aria-busy="true"]):hover{
    text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.2em;
  }
}
:is(a[href],button,summary,[role="button"],[role="tab"],[role="switch"],input[type="button"],input[type="submit"],input[type="reset"]):not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]):focus-visible{
  box-shadow:var(--control-hover-shadow,inset 0 0 0 .0625rem color-mix(in srgb,currentColor 24%,transparent));
}
:is(a[href],button,summary,[role="button"],[role="tab"],[role="switch"],input[type="button"],input[type="submit"],input[type="reset"]):not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]):active{
  filter:var(--control-press-filter,brightness(.9));
  box-shadow:var(--control-press-shadow,inset 0 .125rem .3rem rgba(35,32,48,.22),inset 0 0 0 .125rem color-mix(in srgb,currentColor 32%,transparent));
}
/* Logo feedback belongs to the picture, rather than its name or link box. */
:is(.brand,.app-brand,.footer-logo-link){--control-hover-filter:none;--control-press-filter:none;--control-hover-shadow:none;--control-press-shadow:none}
.app-brand>img{scale:1;transform-origin:center;transition:scale .2s ease-out}
.app-brand:focus-visible>img{scale:1.15}
@media(hover:hover) and (pointer:fine){.app-brand:hover>img{scale:1.15}}
:is(.brand,.app-brand):active>img,.footer-logo-link:active>.footer-logo{scale:1.05}
/* Keep the emergency action red and its open-state quarter-turn independent. */
.emergency-trigger:not([aria-disabled="true"]):not([aria-busy="true"]):active{background-color:#781911}
/* A pressed arrow remains directional and retains its existing rotation. */
:is(a[href],button,summary):not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]):active [data-hover-arrow]{translate:.1rem 0}
[aria-disabled="true"]{cursor:default}
[aria-busy="true"]{cursor:progress}
:where(button,input[type="button"],input[type="submit"],input[type="reset"]):disabled,:where(a[href],[role="button"],[role="tab"],[role="switch"])[aria-disabled="true"]{opacity:.55;cursor:default}
@media(prefers-reduced-motion:reduce){
  :is(a[href],button,summary,[role="button"],[role="tab"],[role="switch"],input[type="button"],input[type="submit"],input[type="reset"]){transition:none!important}
  :is(.brand,.app-brand)>img,.footer-logo-link>.footer-logo,[data-hover-arrow]{scale:none!important;translate:none!important;transition:none!important}
}
@media(forced-colors:active){
  :is(a[href],button,summary,[role="button"],[role="tab"],[role="switch"],input[type="button"],input[type="submit"],input[type="reset"]):not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]):is(:hover,:active,:focus-visible){
    filter:none;outline:.125rem solid Highlight;outline-offset:.125rem;
  }
}