/* MD Not Aware v10.43 — refined branding and consistent login copy.
   Retain the existing pink brain emoji. No external font asset is required. */
:root{--mdna-brand-font:"Trebuchet MS","Avenir Next","Gill Sans",sans-serif;}
/* Homepage title remains text (accessible and fast-loading) beside the existing emoji. */
#usergate .userbox .loginSiteName {
  font-family:var(--mdna-brand-font)!important;
  font-style:italic!important;
  font-weight:900!important;
  font-size:26px!important;
  line-height:1.12!important;
  letter-spacing:-.052em!important;
  color:#213d57!important;
  text-shadow:0 2px 0 #b4d7e435!important;
  margin:6px auto 15px!important;
}
/* Carry the new wordmark style to the existing in-study brand labels. */
#contentShell .brandName,
#mobileTopBar .mobileBrandName {
  font-family:var(--mdna-brand-font)!important;
  font-style:italic!important;
  font-weight:900!important;
  letter-spacing:-.045em!important;
}
#contentShell .brandName {font-size:15px!important;}
#mobileTopBar .mobileBrandName {font-size:14px!important;}
/* Ensure the longer field hints remain legible without becoming labels above inputs. */
#usergate #selfLoginArea #codeinput::placeholder,
#usergate #sessionLoginArea #playerRoomCode::placeholder {
  font-size:14px!important;
  font-weight:650!important;
  letter-spacing:0!important;
}
@media(max-width:700px){
  #usergate .userbox .loginSiteName{font-size:23px!important;margin:5px auto 12px!important;}
  #usergate #selfLoginArea #codeinput::placeholder,
  #usergate #sessionLoginArea #playerRoomCode::placeholder {font-size:13px!important;}
}

/* v10.43 finishing polish: clearly distinct, matching border and entry action.
   Use high-contrast white button text and consistent keyboard focus. */
#usergate[data-entry-mode="self"] { --mdna-entry-color:#195de5; }
#usergate[data-entry-mode="classroom"] { --mdna-entry-color:#aa5c00; }
#usergate[data-entry-mode="group"] { --mdna-entry-color:#087d70; }
#usergate[data-entry-mode] .mdnaHomeStack > .userbox {
  border-color:var(--mdna-entry-color)!important;
  box-shadow:0 12px 32px #0c173b31,0 0 0 3px color-mix(in srgb,var(--mdna-entry-color) 27%,transparent)!important;
}
#usergate[data-entry-mode] #selfLoginArea .mdnaSelfJoinActions > .userbtn,
#usergate[data-entry-mode] #sessionLoginArea .mdnaJoinInputRow > .userbtn {
  background:var(--mdna-entry-color)!important;
  background-image:none!important;
  border:2px solid var(--mdna-entry-color)!important;
  color:#ffffff!important;
  box-shadow:0 5px 12px #17294226!important;
  transition:filter .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
#usergate[data-entry-mode] #selfLoginArea .mdnaSelfJoinActions > .userbtn:hover,
#usergate[data-entry-mode] #sessionLoginArea .mdnaJoinInputRow > .userbtn:hover {
  filter:brightness(1.1)!important; transform:translateY(-1px);
}
#usergate[data-entry-mode] #selfLoginArea .mdnaSelfJoinActions > .userbtn:focus-visible,
#usergate[data-entry-mode] #sessionLoginArea .mdnaJoinInputRow > .userbtn:focus-visible {
  outline:3px solid var(--mdna-entry-color)!important;outline-offset:3px!important;
}
@media(prefers-reduced-motion:reduce){
  #usergate[data-entry-mode] #selfLoginArea .mdnaSelfJoinActions > .userbtn,
  #usergate[data-entry-mode] #sessionLoginArea .mdnaJoinInputRow > .userbtn {transition:none!important;}
}