/* Team section layout fixes for both VI and EN about pages.
   These overrides keep the LadiPage-generated CSS untouched and can be
   removed/adjusted safely after any re-export. */

@media (min-width: 768px) {
  /* Leadership carousel: 5 cards × 190px + 4 gaps × 16px = 1014px.
     Center that exact content inside the 1140px container. */
  #CAROUSEL806 .ladi-carousel .ladi-carousel-content {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

  /* Expert carousel first viewport: 6 visible cards × 190px + 5 gaps × 16px = 1210px,
     which overflows the 1140px container by 70px. Pull it left so the visible
     viewport is centered. */
  #CAROUSEL801 .ladi-carousel .ladi-carousel-content {
    left: -35px !important;
  }

  /* Leadership and expert names must share the same font size and stay on
     one line inside 190px cards. 15px keeps even the longest names
     (e.g. Joanna Hạnh Nguyễn) from wrapping while matching the leadership row. */
  #HEADLINE852 > .ladi-headline,
  #HEADLINE853 > .ladi-headline,
  #HEADLINE857 > .ladi-headline,
  #HEADLINE858 > .ladi-headline,
  #HEADLINE863 > .ladi-headline,
  #HEADLINE864 > .ladi-headline,
  #HEADLINE865 > .ladi-headline,
  #HEADLINE866 > .ladi-headline,
  #HEADLINE867 > .ladi-headline,
  #HEADLINE869 > .ladi-headline,
  #HEADLINE870 > .ladi-headline,
  #HEADLINE873 > .ladi-headline,
  #HEADLINE874 > .ladi-headline,
  #HEADLINE875 > .ladi-headline,
  #HEADLINE876 > .ladi-headline,
  #HEADLINE877 > .ladi-headline,
  #HEADLINE878 > .ladi-headline {
    font-size: 15px !important;
    white-space: nowrap !important;
  }
}