/* Apex branding overrides for website pages (login / signup / forgot password).
 * The login bundle caps the logo with `img.app-logo { max-height: 32px }`, so we
 * override max-height here (scoped to the login card) to show the full wordmark. */
.for-login img.app-logo,
.login-content img.app-logo {
	width: 100% !important;
	max-width: 420px !important;
	max-height: none !important;
	height: auto !important;
	margin: 8px 0 24px !important;
}

/* Stack the enlarged logo above the heading instead of inline next to it */
.for-login .page-card-head,
.login-content .page-card-head {
	flex-direction: column;
	align-items: flex-start;
}