/* ============================================================
   LOGIN — The sign-in screen
   ============================================================ */

#gate {
  position:fixed;
  inset:0;
  z-index:9000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  overflow:auto;
}
#gate.on{display:flex}
.gate-card{width:100%;max-width:400px;background:var(--card);overflow:hidden}
.gate-top{padding:22px 26px 20px;display:flex;align-items:center;gap:11px}
.gate-top .brandmark{width:34px;height:34px;flex:0 0 34px;border-radius:7px;font-size:16px}
.gate-co{font-size:17px;line-height:1.1}
.gate-sub{text-transform:uppercase;margin-top:4px}
.gate-b .fl{display:block;margin-bottom:5px}
.gate-b .fld{margin-bottom:14px}
.gate-err{padding:8px 11px;font-size:12.5px;margin-bottom:14px;display:none}
.gate-err.on{display:block}
.gate-foot{padding:12px 26px 16px}
.gate-hint{font-size:11.5px;color:var(--chrome);line-height:1.5}
.gate-hint b{color:var(--ink3);font-family:var(--mono);font-size:11px}
/* belongs with print — kept here because it must load after a rule in this file */
.dc-terms3 b{font-size:8.4pt}
.gate-roles{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}
.gate-roles span{padding:2px 6px;letter-spacing:.03em}
.locked{opacity:.55}
.gate-b{padding:26px 28px 24px}
.gate-co{font-weight:600;letter-spacing:-.015em}
.gate-sub{font-family:var(--sans);font-size:10.5px;font-weight:500;letter-spacing:.08em}
.gate-b .fl {
  font-family:var(--sans);
  font-size:11.5px;
  font-weight:550;
  letter-spacing:0;
  text-transform:none;
  color:var(--n600);
}
.gate-foot{background:var(--n50);border-top:1px solid var(--line2)}
#gate{background:#EDEAE4}
.gate-top{background:#FAF8F5;border-bottom:2px solid var(--navy)}
.gate-co{color:var(--ink)}
.gate-sub{color:var(--chrome2)}