/* Card: .rh-card — a free-form panel (visit header, notices). Lists use .rh-group instead. */

.rh-card {
  background: var(--rh-color-surface);
  border-radius: var(--rh-radius-l);
  padding: var(--rh-space-4);
  box-shadow: var(--rh-shadow);
}

.rh-card + .rh-card,
.rh-card + .rh-group,
.rh-group + .rh-card {
  margin-top: var(--rh-space-3);
}

.rh-card-title {
  font-size: var(--rh-text-l);
  font-weight: 800;
  letter-spacing: -0.01em;
}

.rh-card--warn {
  background: var(--rh-color-act-bg);
  color: var(--rh-color-act);
  box-shadow: none;
}

.rh-card--alert {
  background: var(--rh-color-alert-bg);
  color: var(--rh-color-alert);
  box-shadow: none;
}

.rh-card--warn p + .rh-btn,
.rh-card--alert p + .rh-btn {
  margin-top: var(--rh-space-3);
}

.rh-card ul {
  margin: var(--rh-space-2) 0 0;
  padding-left: 1.2em;
}

.rh-card p + p,
.rh-card p + form {
  margin-top: var(--rh-space-2);
}

.rh-card > .rh-card {
  margin-top: var(--rh-space-3);
}