/* One focus treatment across the mountain, lessons, search and account pages.
   Legacy components used offset outlines over their existing borders. */
body :is(button,a,input,select,textarea,summary,dialog,[tabindex]):is(:focus,:focus-visible){outline:none!important}
body :is(input,select,textarea):is(:focus,:focus-visible){box-shadow:none!important}
body :is(input,select,textarea):focus:not([aria-invalid=true]){border-color:#748b66}
body :is(button,a,summary,[role=button],[role=tab],[tabindex]:not([tabindex="-1"])):focus-visible{text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:4px}
body :is(.km-note-search,.bio-search-form):focus-within{outline:none!important;box-shadow:none!important;border-color:#748b66}
body .km-account-check:focus-within{text-decoration:underline;text-underline-offset:3px}
body input[type=range]:focus-visible{filter:brightness(.75)}
body .km-loose-card:focus-visible .km-paper-surface>strong,body .km-card:focus-visible .km-card-face>strong{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
/* In high-contrast mode retain one clear indicator, replacing the border. */
@media(forced-colors:active){
 body :is(button,a,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible{outline:2px solid Highlight!important;outline-offset:-2px!important;border-color:transparent!important;box-shadow:none!important}
 body :is(.km-note-search,.bio-search-form):focus-within{border-color:transparent!important}
}