/*
 * Tailwind v4 fallback for the deployed bundle.
 * Some browsers receive the gradient direction and colors but an empty
 * --tw-gradient-stops value, which makes the whole panel transparent.
 * Rebuild the stops from the already-generated Tailwind variables so every
 * page (home, classroom, grammar, vocabulary, phonics and games) keeps its
 * intended colors.
 */
[class*="bg-gradient-to-"] {
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to) !important;
  background-image: linear-gradient(var(--tw-gradient-position), var(--tw-gradient-stops)) !important;
}