/* The sign-in page. Its own file because the page's CSP forbids an
   inline <style> block - which silently left this screen unstyled. */
main{max-width:380px;padding-top:12vh}
  .card{text-align:left}
  h1{font:600 27px/1.2 var(--serif);margin:0 0 6px;text-align:center}
  .sub{text-align:center;color:var(--ink-2);font-size:14px;margin-bottom:26px}
  label{display:block;font-size:12.5px;color:var(--ink-3);margin-bottom:7px}
  button.go{
    width:100%;border:0;border-radius:999px;background:var(--accent);color:#fff;
    font:600 16px/1 var(--sans);padding:15px;cursor:pointer;margin-top:14px;
  }
  button.go[disabled]{opacity:.6}
  .err{color:var(--accent);font-size:13.5px;margin-top:12px;min-height:18px}
  .foot{text-align:center;color:var(--ink-3);font-size:12.5px;margin-top:20px}

.top{margin-bottom:8px}

/* guest.css styles text/tel/date inputs; a password field is none of those. */
input[type="password"]{
  width:100%;font:16px var(--sans);color:var(--ink);background:var(--surface);
  border:1px solid var(--line);border-radius:10px;padding:12px 13px;outline:0;
}
input[type="password"]:focus{border-color:var(--ink)}