/* Migrated WonderHub apps retain their interaction styling while inheriting
   the public site's typography and shared navigation system. */
html.aas-learning-experience {
  --font-sans: var(--font);
  --default-font-family: var(--font);
  --font-display: var(--font);
}

html.aas-learning-experience body {
  font-family: var(--font);
}

html.aas-learning-experience #root main [role="button"]:focus-visible {
  outline: 3px solid var(--blue);
  outline-offset: 3px;
}

html.aas-learning-experience #root main [role="button"]:focus-visible {
  outline: 3px solid var(--blue);
  outline-offset: 3px;
}