/* qa-login.css (MVP item 3, LB1, Oct 16 2026; DESIGN-LU §2): "Log in" on the public pages. THE THEME tokens only (hex values where
   a page has no site.css); site.css (= THEME/theme.css, md5 7c4695cd) is unchanged. With qa_in set, the page's 6-line script says
   "Your room" instead (the same /login link). */

/* the main pages: desktop "Log in" sits in .links (styled by .links a); on phones a white link left of the menu button + a menu row */
.nav .qa-login-m{display:none}
@media (max-width:900px){
  .nav .nav-in{gap:12px}
  .nav .brand{flex:none}
  .nav .qa-login-m{display:inline-flex;align-items:center;min-height:46px;margin-left:auto;padding:0 4px;color:#fff;font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap}
}
/* the logo steps down a little on narrow phones, so logo + Log in + menu fit with no sideways scroll (40 -> 36 -> 32 px tall) */
@media (max-width:420px){.nav .brand img{height:36px}}
@media (max-width:370px){.nav .brand img{height:32px}}

/* the section 7 page's brand-only nav: Log in top-right */
.nav .qa-login-7{display:inline-flex;align-items:center;min-height:46px;padding:0 4px;color:#fff;font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap}
.nav .qa-login-m:hover,.nav .qa-login-7:hover{color:var(--sky,#8CC8FF)}

/* privacy, terms, 404: a small ink pill beside the logo pill (the same glass look) */
.top .wrap .qa-login-t{display:inline-flex;align-items:center;min-height:48px;margin-left:8px;padding:0 18px;border-radius:999px;background:rgba(13,18,51,.92);
  border:1px solid rgba(140,200,255,.16);box-shadow:0 10px 30px -18px rgba(13,18,51,.55);color:#fff;font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap}
.top .wrap .qa-login-t:hover{color:#8CC8FF}

/* fix round (LR-6): the sign-up's "Did you mean …@gmail.com? Use it" under the email field (the page's own .err look) */
.qa-typo{margin:8px 0 0;padding:6px 12px;border-radius:12px;background:var(--hl,#FFEFCC);border-left:4px solid var(--amberEdge,#D98E00);font-size:15px;font-weight:700;line-height:1.45;color:var(--head,#0D1233);overflow-wrap:anywhere}
.qa-typo-use{font:inherit;font-weight:800;color:var(--violetText,#4B31D6);background:none;border:0;padding:0 2px;min-height:44px;text-decoration:underline;cursor:pointer}