/* ===========================================================================
   Typefaces, served from this site rather than from Google.
   Nothing external is fetched: the site works on a slow link, behind a filter,
   and without telling a third party who visited.
   =========================================================================== */

/* --- Fraunces: the display face, used for headings and the big word ------- */
@font-face { font-family: "Fraunces"; font-style: normal; font-weight: 400;
  font-display: swap; src: url("fonts/fraunces-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Fraunces"; font-style: normal; font-weight: 600;
  font-display: swap; src: url("fonts/fraunces-latin-600-normal.woff2") format("woff2"); }

/* --- IBM Plex Sans: running text ----------------------------------------- */
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 400;
  font-display: swap; src: url("fonts/ibm-plex-sans-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 500;
  font-display: swap; src: url("fonts/ibm-plex-sans-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 600;
  font-display: swap; src: url("fonts/ibm-plex-sans-latin-600-normal.woff2") format("woff2"); }

/* --- IBM Plex Serif: used by the two assessment tools -------------------- */
@font-face { font-family: "IBM Plex Serif"; font-style: normal; font-weight: 400;
  font-display: swap; src: url("fonts/ibm-plex-serif-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Serif"; font-style: normal; font-weight: 500;
  font-display: swap; src: url("fonts/ibm-plex-serif-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Serif"; font-style: normal; font-weight: 600;
  font-display: swap; src: url("fonts/ibm-plex-serif-latin-600-normal.woff2") format("woff2"); }

/* --- IBM Plex Mono: labels, years, figures ------------------------------- */
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500;
  font-display: swap; src: url("fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 600;
  font-display: swap; src: url("fonts/ibm-plex-mono-latin-600-normal.woff2") format("woff2"); }

/* --- Arabic: one face for everything — headings, labels, running text --- */
@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 400;
  font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
  src: url("fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 600;
  font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
  src: url("fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2") format("woff2"); }  /* --- The Saudi Font, from the Ministry of Culture. It is named first in --f-ar, so the moment these two files exist the whole site switches to it; until then the browser falls through to IBM Plex Sans Arabic and nothing breaks. woff2 is preferred, ttf accepted, so either download works. --- */  @font-face { font-family: "Saudi Font"; font-style: normal; font-weight: 400; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF; src: url("fonts/saudi-font-arabic-400-normal.woff2") format("woff2"), url("fonts/saudi-font-arabic-400-normal.ttf") format("truetype"); }  @font-face { font-family: "Saudi Font"; font-style: normal; font-weight: 600; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF; src: url("fonts/saudi-font-arabic-600-normal.woff2") format("woff2"), url("fonts/saudi-font-arabic-600-normal.ttf") format("truetype"); }