/* SKGA Portfolio 5.3.9.58.8: centered guide title, theme control in card corner. */
#login .login-card { position: relative !important; }
#login .portfolio-login-theme-slot {
  position: absolute !important;
  top: 18px !important;
  right: 20px !important;
  left: auto !important;
  width: auto !important;
  margin: 0 !important;
  z-index: 10 !important;
}
#login .login-card > p { margin-bottom: 8px !important; }
#login #loginForm { margin-top: 10px !important; }
/* Three equal-purpose columns keep the heading centered within the whole button,
   not merely in the free space to the left of the arrow. */
#login #portfolioFirstLoginGuide > summary {
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) 20px !important;
  align-items: center !important;
  column-gap: 8px !important;
  justify-content: normal !important;
  text-align: center !important;
  padding: 11px 14px !important;
  list-style: none !important;
}
#login #portfolioFirstLoginGuide > summary::before {
  content: '' !important;
  display: block !important;
  grid-column: 1 !important;
  width: 20px !important;
}
#login #portfolioFirstLoginGuide > summary .portfolio-guide-title {
  grid-column: 2 !important;
  justify-self: center !important;
  text-align: center !important;
  min-width: 0 !important;
  font-weight: 650 !important;
  line-height: 1.4 !important;
}
#login #portfolioFirstLoginGuide > summary > .portfolio-guide-chevron {
  grid-column: 3 !important;
  justify-self: end !important;
  margin: 0 !important;
}
#login #portfolioFirstLoginGuide > summary::-webkit-details-marker { display: none !important; }
#login #portfolioFirstLoginGuide > summary::marker { content: '' !important; }
@media (max-width: 520px) {
  #login .portfolio-login-theme-slot { top: 12px !important; right: 12px !important; }
  #login #portfolioFirstLoginGuide > summary { padding: 10px 9px !important; column-gap: 5px !important; }
}