/* JomEnglish literacy type: semantic ASCII a, rendered as single-storey a. */
@font-face{
  font-family:"Jom Literacy";
  src:url("../assets/fonts/andika-regular-latin.woff2?v=single-storey-a-v1") format("woff2");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
@font-face{
  font-family:"Jom Literacy";
  src:url("../assets/fonts/andika-bold-latin.woff2?v=single-storey-a-v1") format("woff2");
  font-style:normal;
  font-weight:700;
  font-display:swap;
}

/*
  Keep spelling/audio/search data as U+0061 "a". Andika's default literacy
  alternate (ss01=0) gives learners the Malaysian single-storey handwritten
  form without changing the underlying English word.
*/
:where(
  .abd-letter-screen,
  .abd-book-screen,
  .abc-game-screen,
  .phonics-dashboard,
  .phonics-game-screen,
  .phonics-collection-screen,
  .writing-screen,
  .reading-dashboard,
  .reading-game-screen,
  .reading-library,
  .short-stories-library,
  .word-dashboard,
  .word-game-screen,
  .word-album-screen,
  #s-game,
  .listening-castle-screen,
  .listening-game-screen,
  .puzzle-pack-screen,
  .puzzle-game-screen
),
:where(
  .abd-letter-screen,
  .abd-book-screen,
  .abc-game-screen,
  .phonics-dashboard,
  .phonics-game-screen,
  .phonics-collection-screen,
  .writing-screen,
  .reading-dashboard,
  .reading-game-screen,
  .reading-library,
  .short-stories-library,
  .word-dashboard,
  .word-game-screen,
  .word-album-screen,
  #s-game,
  .listening-castle-screen,
  .listening-game-screen,
  .puzzle-pack-screen,
  .puzzle-game-screen
) *{
  font-family:"Jom Literacy",sans-serif!important;
  font-feature-settings:"ss01" 0!important;
  font-synthesis:none;
  /*
    Metric parity. Andika's default line box is ~25% taller than Nunito's and its
    glyphs are wider, so leaving line-height at "normal" respaced every learning
    screen (the Numbers game header gained a wrapped line and pushed the Next
    button below the fold on 320x568 phones). 1.4 reproduces the previous Nunito
    line boxes; zero-specificity :where() means any deliberate line-height in the
    app still wins.
  */
  line-height:1.4;
}