/* A fixed, independent landscape for the account entry page. */
.standalone-login .login-landscape { min-height: 620px; }
.standalone-login .autumn-wilderness {
  position: absolute;
  display: block;
  left: 0;
  bottom: 48px;
  width: 100%;
  height: auto;
  aspect-ratio: 900 / 460;
}
.standalone-login .landscape-foot { letter-spacing: 1.3px; }
@media (min-width: 761px) and (max-width: 1100px) {
  .standalone-login .autumn-wilderness { height: auto; }
}
@media (max-width: 760px) {
  .standalone-login .login-landscape { min-height: 490px; }
  .standalone-login .autumn-wilderness { height: auto; bottom: 44px; }
  .standalone-login .landscape-foot { left: 25px; right: 20px; letter-spacing: .7px; }
}
/* Keep the longer reduced-motion label clear of the visitors on narrow phones. */
@media (max-width: 360px) {
  .standalone-login .landscape-foot { gap: 8px; font-size: 7px; letter-spacing: .35px; }
  .standalone-login .landscape-foot > span { white-space: nowrap; }
  .standalone-login .landscape-foot button { flex-shrink: 0; padding-inline: 8px; font-size: 9px; white-space: nowrap; }
}

/* The caption and control share the exact band left below the illustration. */
.standalone-login .landscape-foot { inset:auto 0 0; height:48px; padding:0 30px; box-sizing:border-box; align-items:center; }
.standalone-login .landscape-foot > span { line-height:1.4; }
.standalone-login .landscape-foot button { line-height:1.4; }
.standalone-login .login-main > .footer { border-top:0; }
@media(max-width:760px) { .standalone-login .landscape-foot { height:44px; padding-inline:25px 20px; } }
@media(max-width:360px) { .standalone-login .landscape-foot { padding-inline:18px; } }

/* Full-width public entry directly follows the passkey login action. */
.standalone-login .login-panel { justify-content:flex-start; }
.standalone-login .public-login { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:44px; padding:10px 14px; margin:10px 0 0; border:1px solid var(--line); border-radius:8px; background:transparent; font-size:13px; color:var(--ink); text-decoration:none; }
.standalone-login .public-login .provided-icon { display:block; width:18px; height:18px; margin:0!important; flex:none; }
.standalone-login .login-assurance { margin:auto 0 0; padding-top:24px; align-self:center; }

.standalone-login :is(#to-webauthn,.public-login) { min-height:44px; padding:11px; gap:8px; font-size:12px; line-height:1.4; border-radius:9px; color:var(--ink); }