/* Enlarge the illustration card, using the spare intro space introduced by
 * the full-height login. No fixed shell/form height or shrinking touch target. */
@layer peV2SoftBlue20261018n {
  @media (max-width:768px) {
    html.peV2PhoneRenderGuard #loginScreen.peLoginScreen .peLoginPictogramCard {
      min-height:210px!important;height:auto!important;
      padding:18px 12px!important;gap:12px!important;
    }
    html.peV2PhoneRenderGuard #loginScreen.peLoginScreen .peLoginPictograms {
      flex-shrink:0;grid-template-columns:repeat(4,minmax(0,1fr));
    }
    html.peV2PhoneRenderGuard #loginScreen.peLoginScreen .peLoginPictograms>svg {
      width:clamp(40px,12vw,50px)!important;
      height:clamp(40px,12vw,50px)!important;
    }
    html.peV2PhoneRenderGuard #loginScreen.peLoginScreen .peV2LoginExtraCaption {
      display:block!important;overflow:visible!important;
      -webkit-line-clamp:unset!important;white-space:normal!important;
      word-break:keep-all;overflow-wrap:anywhere;font-size:12px!important;
      line-height:1.5!important;flex-shrink:0;
    }
    html.peV2PhoneRenderGuard #loginScreen.peLoginScreen .peV2LoginMeasureAccent {
      stroke:#78a9c3;fill:none;
    }
    html.peV2PhoneRenderGuard #loginScreen.peLoginScreen [data-v2-login-pictogram] {
      transform-origin:center;animation:peV2LoginPictogramFloat20261018u 4s ease-in-out 2;
    }
    html.peV2PhoneRenderGuard #loginScreen.peLoginScreen [data-v2-login-pictogram="grip"] {animation-delay:.2s;}
    html.peV2PhoneRenderGuard #loginScreen.peLoginScreen [data-v2-login-pictogram="height"] {animation-delay:.4s;}
    html.peV2PhoneRenderGuard #loginScreen.peLoginScreen [data-v2-login-pictogram="assessment"] {animation-delay:.6s;}
  }
  @media (max-width:768px) and (min-height:760px) {
    html.peV2PhoneRenderGuard #loginScreen.peLoginScreen .peLoginIntro {
      padding-block:18px 16px!important;
    }
    html.peV2PhoneRenderGuard #loginScreen.peLoginScreen .peLoginPictogramCard {
      min-height:230px!important;
    }
  }
  @media (prefers-reduced-motion:reduce) {
    html.peV2PhoneRenderGuard #loginScreen.peLoginScreen [data-v2-login-pictogram] {animation:none!important;}
  }
}
@keyframes peV2LoginPictogramFloat20261018u {
  0%,100% {transform:translateY(0);}
  50% {transform:translateY(-2px);}
}