/* The second sign-in door — the same blank page in the portal's colours (owner, 2026-09-24).
   It extends auth.css and adds only what the two-way door needs. Still no JavaScript anywhere: the
   "switch to this method" control is a <details>, so it works under the portal's CSP and with scripts
   blocked, and it needs no file from /static/*.js — which is itself behind the gate this page opens. */
.authbox.tall{min-height:auto}

.btn{display:block;width:100%;padding:.55rem;border:1px solid var(--line-d);border-radius:var(--r);
     background:var(--soft);color:var(--navy-d);text-align:center;text-decoration:none;
     font:inherit;font-size:13px;font-weight:600}
.btn:hover{background:#eef2f7;border-color:var(--navy)}
.btn.primary{background:var(--navy);border-color:var(--navy-d);color:#fff}
.btn.primary:hover{background:var(--navy-d)}

details.alt{margin-top:1.1rem;border-top:1px solid var(--line);padding-top:.9rem}
details.alt>summary{cursor:pointer;color:var(--navy);font-size:12px;font-weight:600;list-style:none;padding:.3rem 0}
details.alt>summary::-webkit-details-marker{display:none}
details.alt>summary::before{content:"▸ ";color:var(--dim)}
details.alt[open]>summary::before{content:"▾ "}
details.alt>summary:hover{color:var(--navy-d)}
details.alt>summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
details.alt form{margin-top:.8rem}

.hint{color:var(--muted);font-size:12px;margin-top:.6rem;line-height:1.4}
.hint + label{margin-top:1rem}   /* the field needs air under the sentence that explains it */
.hint a{color:var(--navy)}
.hint b{color:var(--ink)}

form.inline{margin-top:.4rem}
button.link{width:auto;margin:0;padding:0;border:0;background:none;color:var(--navy);
            font:inherit;font-size:12px;cursor:pointer;text-decoration:underline}
button.link:hover{background:none;color:var(--navy-d)}