body.account-page.account-embedded:not(.signed-in) .account-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}body.account-page.account-embedded:not(.signed-in) .account-card{padding:26px 30px}body.account-embedded .login-brand{margin-bottom:24px;width:100px}body.account-embedded .login-brand img{width:100px;height:43px}body.account-page.account-embedded:not(.signed-in) #auth-title{font-size:25px}body.account-page.account-embedded:not(.signed-in) .auth-subtitle{font-size:12px;margin-bottom:22px}body.account-page.account-embedded:not(.signed-in) .tabs{margin-bottom:16px}body.account-page.account-embedded:not(.signed-in) label{margin-block:12px}body.account-page.account-embedded:not(.signed-in) #auth-form input{min-height:44px}body.account-page.account-embedded:not(.signed-in) #auth-submit{min-height:42px}body.account-embedded .login-carousel .ad-caption{left:30px;right:26px;bottom:108px}body.account-embedded .login-carousel .ad-caption h2{font-size:30px}body.account-embedded .login-carousel .ad-caption p{font-size:12px}body.account-embedded .login-carousel .ad-caption .ad-features{font-size:11px}body.account-embedded .login-carousel .carousel-controls{left:26px;right:26px;bottom:22px;gap:8px;flex-wrap:wrap}body.account-embedded .login-carousel .carousel-tabs{gap:14px}body.account-embedded .login-carousel .carousel-tools{gap:4px}body.account-embedded .login-carousel .carousel-tools button{width:30px;flex-basis:30px;height:34px;min-height:34px}body.account-embedded .login-carousel .carousel-tabs button{font-size:10px;min-height:34px;padding-block:8px}@media(max-width:760px){body.account-page.account-embedded:not(.signed-in) .account-art.login-carousel{display:none}body.account-page.account-embedded:not(.signed-in) .account-layout{display:block}body.account-page.account-embedded:not(.signed-in) .account-card{min-height:100svh;padding:32px 26px}body.account-embedded .login-brand{margin-bottom:28px}}

html.account-checking body{visibility:hidden}

/* Fill the embedded login artwork without letterboxing; keep the image proportional. */
@media(min-width:761px){
 body.account-page.account-embedded:not(.signed-in) .account-layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
 body.account-page.account-embedded:not(.signed-in) .account-art.login-carousel{background:#243445}
 body.account-page.account-embedded:not(.signed-in) .login-carousel .login-ad-slide img{object-fit:cover;object-position:center}
 body.account-embedded .login-carousel .ad-caption{bottom:30px}
}

/* Match ordinary account and sign-in controls to the site-wide compact radius. */
body.account-page button:not(:where(.tabs button,.carousel-tabs button,[role="tab"])),body.account-page a.primary,body.account-page a.button{border-radius:4px!important}