/* Continue with Google (#1067). Google brand rules: white fill, 1px #747775 border, #1F1F1F label, full-colour G, Roboto Medium. */
.gbtn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;box-sizing:border-box;min-height:52px;padding:0 16px;
  background:#fff;border:1px solid #747775;border-radius:14px;color:#1f1f1f;text-decoration:none;
  font:500 16px/1.2 Roboto,"Google Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:.25px;cursor:pointer}
.gbtn:hover{background:#f8faff;box-shadow:0 1px 3px rgba(60,64,67,.25)}
.gbtn:focus-visible{outline:3px solid #1a2f7a;outline-offset:2px}
.gbtn .gg{flex:0 0 20px}
.gor{display:flex;align-items:center;gap:10px;margin:10px 0 8px;color:#5a6788;font-size:13.5px}
.gor::before,.gor::after{content:"";flex:1;height:1px;background:#d5dbea}
.gcard{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #d5dbea;border-radius:14px;background:#fff;margin:8px 0}
.gcard img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:0 0 40px}
.gcard .gt{min-width:0;flex:1}.gcard .gt b{display:block;color:#1d2c57}.gcard .gt span{display:block;color:#5a6788;font-size:14px;overflow-wrap:anywhere}
.gcard .gg{flex:0 0 22px}
.gcard a{font-size:14px;white-space:nowrap}
@media (max-height:700px){.gbtn{min-height:44px;font-size:15px}.gor{margin:6px 0 4px;font-size:12.5px}}