/* Modal-only styles; header links use the existing navigation styling. */
.signin-modal {
  width:28rem;
  max-width:calc(100% - 2rem);
  max-height:calc(100dvh - 2rem);
  overflow:auto;
  padding:2rem;
  border:1px solid #9fbcd4;
  border-radius:.6rem;
  color:var(--text);
  background:#fff;
  box-shadow:0 10px 30px #0b315226;
  font:inherit;
}
.signin-modal::backdrop {background:#032035aa}
.signin-modal h2 {font-size:2rem;margin:0 2rem 1rem 0}
.signin-modal-close {
  position:absolute;
  top:.6rem;
  right:.6rem;
  width:2.75rem;
  height:2.75rem;
  border:0;
  border-radius:.4rem;
  background:none;
  color:var(--text);
  font-size:1.8rem;
  cursor:pointer;
}
.signin-modal-close:hover {background:#f4f8fc}
.signin-message {white-space:pre-line;margin-bottom:1rem}
.signin-message:empty {display:none}
.signin-message[data-error="true"] {color:#a32020}
.signin-modal-form {margin-top:1rem}
.signin-modal-form button:disabled {opacity:.6;cursor:wait}
.signin-modal-links {margin-top:1rem;font-size:1rem}
.signin-modal-links a {color:#126bb3;text-decoration:underline}


@media(max-width:600px) {
  .signin-modal {padding:1.3rem}
  .signin-modal h2 {font-size:1.75rem}
  .signin-modal-form button[type="submit"] {
    font-size:.95rem;
    padding:.7rem 1.6rem;
    min-height:2.75rem;
  }
  .signin-modal-links a[href="signup.html"] {
    display:block;
    width:max-content;
    margin-top:.25rem;
    white-space:nowrap;
  }
}