/* Custom CSS to increase logo size by 10% */
.usa-logo .jcc-header__logo,
#extended-logo .jcc-header__logo {
  transform: scale(1.5);
  transform-origin: left center;
}

/* Alternative approach - adjust the SVG directly */
.jcc-header__logo svg,
.jcc-header__logo .jcc-logo svg {
  max-width: 110%;
  max-height: 110%;
}

/* Ensure container can accommodate larger logo */
.usa-logo,
#extended-logo {
  overflow: visible;
}

@media (min-width: 64em) {
  .jcc-header__logo {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
}