/* react-native-web's recommended root reset, as a file rather than Expo's inline <style>. */
html, body { height: 100%; }
body { overflow: hidden; margin: 0; }
#root { display: flex; height: 100%; flex: 1; }
/* Arrival focus moves to the heading (src/ui/focus.js) so a screen reader starts there; the ring
   is for a keyboard user, as :focus-visible gives it in the browser app. */
[tabindex="-1"]:focus:not(:focus-visible) { outline: none; }
/* A heading that receives focus on arrival is not a control — it is never in the tab order and
   nothing is operated on it — so it gets no ring at all; every control keeps its own. */
[role="heading"][tabindex="-1"]:focus { outline: none; }