/* V243: Brand card readability, optional hover descriptions, and care placement.
   Keep logo and photograph separate; these rules follow all previous brand styles. */
body[data-design-system="2026"] main .brand-showcase .card .brand-banner.brand-layered .brand-background-photo {
  opacity:var(--brand-photo-opacity,.80)!important;
}
/* In top-banner mode the bottom edge joins the flat content panel. */
body[data-design-system="2026"] main .brand-showcase .card.brand-layout-top .brand-banner.brand-layered {
  border-radius:12px 12px 0 0!important;
}
/* Subtitles are no longer boxed/pill labels; align the subtitle with the description. */
body[data-design-system="2026"] main .brand-showcase .card > small.brand-service-pill {
  display:flex!important;align-items:center!important;gap:9px!important;
  align-self:stretch!important;max-width:none!important;max-height:none!important;
  padding:0!important;margin:0 6px 12px!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
  text-align:left!important;
}
/* Keep the accompanying service icon unboxed too, without disturbing its SVG. */
body[data-design-system="2026"] main .brand-showcase .card .brand-service-pill .brand-mini-icon {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 20px!important;width:20px!important;height:20px!important;
  min-width:20px!important;padding:0!important;margin:0!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;
}
body[data-design-system="2026"] main .brand-showcase .card .brand-service-pill .brand-mini-icon svg {
  display:block!important;width:19px!important;height:19px!important;
  fill:none!important;stroke:currentColor!important;
}
body[data-design-system="2026"] main .brand-showcase .card.brand-layout-full > small.brand-service-pill {
  margin:0 0 12px!important;color:var(--brand-content-ink,#fff)!important;
  background:transparent!important;border:0!important;padding:0!important;
  text-shadow:0 1px 4px rgba(0,0,0,.32)!important;
}
body[data-design-system="2026"] main .brand-showcase .card.brand-layout-full.brand-tone-dark > small.brand-service-pill {
  background:transparent!important;border:0!important;color:var(--brand-content-ink,#122b48)!important;
}
body[data-design-system="2026"] main .brand-showcase .card > p.brand-description {
  flex:0 0 auto!important;min-width:0!important;
  margin:0 6px 13px!important;max-width:none!important;
}
body[data-design-system="2026"] main .brand-showcase .card.brand-layout-full > p.brand-description {
  margin:0 0 13px!important;color:var(--brand-content-ink,#fff)!important;
}
/* Healthcare has two fixed service blocks followed by optional description
   immediately before the CTA, at the bottom of its tall card. */
body[data-design-system="2026"] main .brand-showcase .care .card.big > .areas {
  flex:0 0 auto!important;margin-bottom:14px!important;
}
body[data-design-system="2026"] main .brand-showcase .care .card.big > p.brand-description {
  margin-top:auto!important;margin-bottom:12px!important;
}
body[data-design-system="2026"] main .brand-showcase .care .card.big:has(> p.brand-description) > a[data-brand] {
  margin-top:0!important;
}
/* Hover disclosure only where hover is actually possible. On phones/tablets,
   keep descriptions visible and accessible; keyboard focus also reveals them. */
@media (hover:hover) and (pointer:fine) {
  body[data-design-system="2026"] main .brand-showcase .card.brand-desc-mode-hover > p.brand-description {
    box-sizing:border-box!important;
    opacity:0!important;max-height:0!important;min-height:0!important;
    padding-top:0!important;padding-bottom:0!important;
    margin-bottom:0!important;overflow:hidden!important;
    transition:max-height .24s ease, opacity .2s ease, margin-bottom .24s ease!important;
  }
  body[data-design-system="2026"] main .brand-showcase .card.brand-desc-mode-hover:is(:hover,:focus-within) > p.brand-description {
    opacity:1!important;max-height:200rem!important;
    margin-bottom:13px!important;
  }
}
@media (prefers-reduced-motion:reduce) {
  body[data-design-system="2026"] main .brand-showcase .card.brand-desc-mode-hover > p.brand-description {
    transition:none!important;
  }
}