/* Keep auth controls readable on desktop and narrow phones. */
.google-auth { display:grid; gap:14px; margin:0 0 20px; padding:0; min-width:0; }
.google-auth [hidden] { display:none !important; }
.google-auth > p { margin:0; font-size:14px; line-height:1.5; }
.google-auth .checkbox { margin:0; font-size:13px; line-height:1.5; min-height:44px; align-items:center; }
.google-auth .checkbox input { flex-shrink:0; width:18px; height:18px; }
.google-auth [data-google-button] { min-height:44px; max-width:100%; display:flex; justify-content:center; align-items:center; }
.google-auth .button { width:100%; min-height:48px; }
.google-auth .field { margin:0; }
.google-auth .field input { min-height:48px; width:100%; }
.google-auth .notice { overflow-wrap:anywhere; }
.auth-layout { align-items:start; }
.auth-panel { min-width:0; }
.auth-panel input { font-size:16px; }
.auth-panel .button.full { min-height:48px; }
@media (max-width:700px) {
  .auth-layout { display:block; margin:24px auto 40px; }
  .auth-story { display:none; }
  .auth-panel { width:100%; max-width:480px; margin:0 auto; padding:24px 20px; border-radius:20px; }
  .auth-panel h2 { font-size:30px; }
  .google-auth { gap:12px; margin-bottom:20px; }
}

.auth-divider { display:flex; align-items:center; gap:14px; margin:22px 0; color:var(--muted); font-size:14px; }
.auth-divider::before, .auth-divider::after { content:""; flex:1; height:1px; background:var(--line); }