.account-links { display: flex; gap: .85rem; align-items: center; }
.account-links a { color: var(--ink); font-weight: 700; text-decoration: none; }
.account-links form { margin: 0; }
.account-links button {
  background: transparent; border: 0; padding: 0; color: var(--teal-dark);
  font: inherit; font-weight: 700; cursor: pointer;
}
.form { display: grid; gap: .85rem; max-width: 28rem; margin-top: 1rem; }
.form label { display: grid; gap: .3rem; font-weight: 700; }
.form input {
  border: 1px solid var(--line); border-radius: 12px; padding: .7rem .85rem;
  font: inherit; background: #fff; color: var(--ink);
}
.form button.btn { border: 0; cursor: pointer; }
.form-error {
  background: #fde8e4; border-left: 4px solid #9a3b2f;
  padding: .7rem .9rem; border-radius: 0 12px 12px 0;
}
.hp { position: absolute; left: -9999px; }