/* Native cursor artwork keeps pointer tracking immediate and works without JavaScript. */
@media (hover: hover) and (pointer: fine) {
    html, body {
        cursor: url('../img/brand/tta-cursor.svg') 9 8, auto;
    }

    body :is(a, button, summary, select, [role="button"], input[type="submit"], input[type="button"], input[type="reset"], input[type="checkbox"], input[type="radio"]) {
        cursor: url('../img/brand/tta-cursor.svg') 9 8, pointer;
    }

    body :is(input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]), textarea, [contenteditable="true"]) {
        cursor: text;
    }

    body :is(button, input, select, textarea):disabled {
        cursor: not-allowed;
    }
}

@media (forced-colors: active) {
    html, body { cursor: auto; }
    body :is(a, button, summary, select, [role="button"], input[type="submit"], input[type="button"], input[type="reset"], input[type="checkbox"], input[type="radio"]) { cursor: pointer; }
    body :is(button, input, select, textarea):disabled { cursor: not-allowed; }
}