.messages {
  list-style: none;
  margin: 0 0 var(--space-6);
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--blue-100);
  color: var(--blue-900);
  overflow-wrap: anywhere;
}

.messages li + li { margin-top: var(--space-2); }
.messages li.error { color: var(--danger); }