/* Little Chef Food Explorer heading — its hero is a dark navy gradient and the
   subtitle beneath it is already white, but the title was rendering navy-on-navy.
   Cause: a global `[class*="hero"] h1, [class*="hero"] h2 { color:#243447 !important }`
   rule. `.ce-hero` contains "hero", so it matched — and an attribute selector plus an
   element beats the plain `.ce-title` class rule that was trying to set white, even
   though both are !important. Needs id + descendant weight to win. */
#page-kids .chef-explorer-section .ce-hero .ce-title,
#page-kids .ce-hero h2.ce-title{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}