/* Page-scoped overrides for /context-in-practice-the-quality-bar
   ------------------------------------------------------------------
   Linked ONLY from this page's frontmatter (`styles:`), so nothing here
   affects any other page. Do not add to the shared design system.

   Enlarges just this hero's Mastercard co-brand logo by 30%. The shared
   LiveDemoSessionHero component sizes the partner logo with a hardcoded
   (non-!important) inline style; a page-only stylesheet rule with
   !important wins over it without changing the component's defaults for
   every other page that uses the same hero.

   Scope guards:
   - `.qb-hero` is set on THIS hero's <section> via its panelClass prop, so
     the rule cannot touch the Mastercard logos that also appear in this
     page's logo ticker (LiveDemoTrustedBy) or testimonial carousel
     (TrustCarouselVideo), which use the same alt text. */
.qb-hero img[alt='Mastercard'] {
  height: 27.29px !important;      /* 20.99px × 1.3 */
  max-width: 170.72px !important;  /* 131.322px × 1.3 */
  top: -0.9px !important;          /* re-centre the taller logo on the row's original optical midline */
}