/* Launch-day layout corrections. Kept separate to provide a fresh production asset. */
@media (min-width: 901px) {
  .loginShell.loginShell .loginBrand.loginBrand .popupFloatingWordmark {
    left: var(--popup-brand-left, 10px) !important;
    right: auto !important;
    top: var(--popup-brand-top, 14px) !important;
    box-sizing: border-box !important;
    width: 226px !important;
    min-width: 226px !important;
    max-width: 226px !important;
    padding: 7px 10px 7px 7px !important;
    gap: 10px !important;
    justify-content: flex-start !important;
    transform: none !important;
    transform-origin: top left !important;
  }

  .loginShell.loginShell .loginBrand.loginBrand .popupFloatingWordmark .towLogo {
    width: 60px !important;
    height: 60px !important;
    flex: 0 0 60px !important;
    border-color: transparent !important;
    outline: 0 !important;
    box-shadow: none !important;
    filter: none !important;
  }

  .loginShell.loginShell .loginBrand.loginBrand .popupFloatingWordmark strong {
    font-size: 25px !important;
    line-height: 1 !important;
  }

  .loginShell.loginShell .loginBrand.loginBrand .popupFloatingWordmark small {
    margin-top: 4px !important;
    font-size: 7.5px !important;
    line-height: 1 !important;
    letter-spacing: 1.45px !important;
  }

  .loginShell.loginShell .loginBrand.loginBrand::after,
  .loginShell.loginShell .loginBrand.loginBrand.employerLoginBrand::after {
    left: var(--popup-brand-left, 10px) !important;
    right: auto !important;
    top: var(--popup-slogan-top, 94px) !important;
    box-sizing: border-box !important;
    width: 226px !important;
    min-width: 226px !important;
    max-width: 226px !important;
    padding: 7px 9px !important;
    font-size: 7.5px !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
    transform: none !important;
  }
}

@media (min-width: 1001px) {
  .resumePage .resumeBuilder {
    grid-template-columns: minmax(720px, 1.15fr) minmax(440px, .85fr) !important;
    gap: 18px !important;
    align-items: start !important;
  }

  .resumePage .resumeForm {
    display: block !important;
    max-height: none !important;
    overflow: visible !important;
    column-count: 2 !important;
    column-gap: 18px !important;
    column-rule: 1px solid var(--line) !important;
    padding: 18px !important;
  }

  .resumePage .resumeForm > .resumeGuidePrompt {
    column-span: all !important;
    margin-bottom: 12px !important;
  }

  .resumePage .resumeForm > h2,
  .resumePage .resumeForm > .formGrid,
  .resumePage .resumeForm > label,
  .resumePage .resumeForm > .workExperienceBuilder,
  .resumePage .resumeForm > .languagePicker,
  .resumePage .resumeForm > .uploadIntro,
  .resumePage .resumeForm > .openVault,
  .resumePage .resumeForm > .uploads {
    break-inside: avoid-column !important;
  }

  .resumePage .resumeForm > h2 {
    break-after: avoid-column !important;
    margin-top: 0 !important;
    padding-top: 10px !important;
  }

  .resumePage .workExperienceBuilder .formGrid {
    grid-template-columns: 1fr !important;
  }

  .resumePage .resumePreview {
    position: sticky !important;
    top: 18px !important;
    max-height: none !important;
  }

  .resumePage .resumePreview #tow-resume {
    min-height: 0 !important;
    padding: 32px 34px !important;
  }
}

/* Transparent brand lockups requested for the member header and both access screens. */
.headerInner.headerInner > .brand {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.headerInner.headerInner > .brand .towLogo {
  border-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

.headerInner.headerInner > .brand strong {
  color: var(--deep) !important;
  text-shadow: none !important;
}

.headerInner.headerInner > .brand small {
  color: #6f847d !important;
  text-shadow: none !important;
}

.loginShell.loginShell .loginBrand.loginBrand .popupFloatingWordmark {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.loginShell.loginShell .loginBrand.loginBrand .popupFloatingWordmark .towLogo {
  border-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

.loginShell.loginShell .loginBrand.loginBrand .popupFloatingWordmark strong {
  color: var(--deep) !important;
  text-shadow: none !important;
}

.loginShell.loginShell .loginBrand.loginBrand .popupFloatingWordmark small {
  color: #6f847d !important;
  text-shadow: none !important;
}