.password-change-card h2 {
  margin-bottom: .45rem;
}

.password-change-card > .muted {
  margin: 0 0 1rem;
  line-height: 1.5;
}

.password-change-note {
  margin: 0 0 1.1rem;
  padding: .75rem .85rem;
  border: 1px solid #d8e8f5;
  border-radius: 10px;
  background: #f1f8fd;
  color: #315775;
  font-size: .88rem;
  line-height: 1.45;
}

.password-change-card label {
  margin: .8rem 0;
}

.password-change-card .error {
  margin: .55rem 0;
}

.password-change-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin-top: .4rem;
}

.password-change-actions .primary {
  flex: 1 1 190px;
}

.password-change-actions .secondary {
  flex: 0 0 auto;
}

.password-change-card button:disabled {
  cursor: progress;
  opacity: .7;
}

@media (max-width: 600px) {
  .password-change-card {
    width: min(480px, 92%);
    padding: 1.4rem;
  }

  .password-change-actions > button {
    width: 100%;
  }
}

body.dark-mode .password-change-note {
  border-color: #31516b;
  background: #152a3d;
  color: #cfe0ed;
}