/* login.css — the same tokens as app.css; this screen adds only a form. */
.page.login{display:grid;grid-template-columns:1fr;place-items:center;min-height:100vh}
.page.login .col{max-width:22em;width:100%}
.page.login label{display:block;font-size:var(--hdr);color:var(--pencil);margin:0 0 6px}
.page.login input{
  width:100%;font:inherit;font-size:var(--ui);color:var(--ink);background:var(--paper);
  border:1px solid var(--rule);border-radius:4px;padding:12px 14px;margin:0 0 20px;min-height:52px;
}
.page.login input:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-color:var(--rule-strong)}
.page.login .row{margin-top:8px}
.page.login .err{color:var(--ink);font-size:var(--hdr);margin:16px 0 0}