/* Shared, deliberately scoped presentation for the two existing login routes. */
section.hi-account-login:has(.hi-login-methods){max-width:480px!important}
section.hi-account-login .hi-login-methods{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;
  padding:6px;margin:24px 0 16px;border:1px solid var(--hi-c-line-strong);
  border-radius:12px;background:var(--hi-c-page);
}
section.hi-account-login .hi-login-methods a{
  display:flex;align-items:center;justify-content:center;box-sizing:border-box;
  min-width:0;min-height:48px;padding:10px 12px;border:1px solid transparent;
  border-radius:8px;font-size:16px!important;font-weight:600;line-height:1.35;
  text-align:center;text-decoration:none;white-space:normal;
  color:var(--hi-c-muted)!important;background:transparent;
}
section.hi-account-login .hi-login-methods a:hover{
  background:var(--hi-c-surface-raised);color:var(--hi-c-text)!important;
}
section.hi-account-login .hi-login-methods a[aria-current="page"]{
  background:var(--hi-c-accent-tint);border-color:var(--hi-c-accent);
  color:var(--hi-c-text)!important;box-shadow:inset 0 -2px 0 var(--hi-c-accent);
}
section.hi-account-login>p.hi-login-method-help{
  margin:0 0 24px!important;font-size:15px!important;font-weight:400!important;
  line-height:1.6;text-transform:none;letter-spacing:normal;color:var(--hi-c-muted)!important;
}
section.hi-account-login .hi-login-provider-help{
  border-top:1px solid var(--hi-c-line);margin-top:28px;padding-top:16px;
  font-size:14px;line-height:1.6;color:var(--hi-c-muted);
}
section.hi-account-login .hi-login-methods a:focus-visible{
  outline:3px solid var(--hi-c-focus);outline-offset:2px;
}
@media(max-width:360px){
  section.hi-account-login .hi-login-methods a{padding:10px 6px;font-size:15px!important}
}