/* One native cursor and hotspot across page content and controls. */
@media(hover:hover) and (pointer:fine){
body.chili-cursor,body.chili-cursor *{cursor:url('/assets/chili-cursor-red.png') 16 4,auto!important}
body.chili-cursor :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=range]),textarea,[contenteditable=true]),body.chili-cursor :is(input,textarea,[contenteditable=true]) *{cursor:text!important}
body.chili-cursor :disabled{cursor:not-allowed!important}
}

@media(hover:hover) and (pointer:fine){
a[href]:hover,button:not(:disabled):hover,summary:hover{outline:1px solid currentColor;outline-offset:3px}
.site-header nav a:hover{outline:none}
/* Keep controls under the pointer instead of shifting on entry. */
a.button:hover,button.button:hover{transform:none}
}