/* Keep the light global theme, but restore the light inheritance that the
     precompiled, dark city layouts were authored against. */
  article.route-page:not(.city-page){color:#f6fbf8}

  /* Every dark city-template hero owns its foreground color. b10-v9 is the
     one intentionally light b10 hero, so it keeps its existing dark ink. */
  :is(
    .route-hero,.city-hero,.r12-hero,
    .city-b10:not(.b10-v9) .b10-hero,
    .b11-hero,.b12-hero,.b13-hero,.b14-hero,.b15-hero,.b16-hero,.b17-hero,
    .b18-hero,.b19-hero,.b20-hero,.b22-hero,.bx-hero,.cx-hero
  ){color:#f6fbf8}
  :is(
    .route-hero,.city-hero,.r12-hero,
    .city-b10:not(.b10-v9) .b10-hero,
    .b11-hero,.b12-hero,.b13-hero,.b14-hero,.b15-hero,.b16-hero,.b17-hero,
    .b18-hero,.b19-hero,.b20-hero,.b22-hero,.bx-hero,.cx-hero
  ) h1{color:#f6fbf8!important}
  :is(
    .route-hero,.city-hero,.r12-hero,
    .city-b10:not(.b10-v9) .b10-hero,
    .b11-hero,.b12-hero,.b13-hero,.b14-hero,.b15-hero,.b16-hero,.b17-hero,
    .b18-hero,.b19-hero,.b20-hero,.b22-hero,.bx-hero,.cx-hero
  ) p{color:#dce7e2!important}
  :is(
    .route-hero,.city-hero,.r12-hero,
    .city-b10:not(.b10-v9) .b10-hero,
    .b11-hero,.b12-hero,.b13-hero,.b14-hero,.b15-hero,.b16-hero,.b17-hero,
    .b18-hero,.b19-hero,.b20-hero,.b22-hero,.bx-hero,.cx-hero
  ) :is(.breadcrumb,.trust-row,dt,dd,figcaption){color:#e4ede9}

  /* Preserve dark text inside the few light cards that can sit in a hero. */
  :is(.route-hero,.city-hero,.r12-hero,.b10-hero,.b11-hero,.b12-hero,.b13-hero,.b14-hero,.b15-hero,.b16-hero,.b17-hero,.b18-hero,.b19-hero,.b20-hero,.b22-hero,.bx-hero,.cx-hero)
  :is(.price-placard,.audit-card,.answer-card,.profile-mock) p{color:#4c5651!important}

  /* Explicit foregrounds for dark sections below precompiled heroes. */
  article.route-page:not(.city-page) :is(
    .dark-section,.r12-hero,.r12-section,.r12-cta,
    .b11-hero,.b11-section,.b11-cta,
    .b14-hero,.b14-section,.b14-cta,
    .bx-hero,.bx-section,.bx-cta,
    .cx-hero,.cx-section,.cx-cta
  ){color:#f6fbf8}