.notice {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-md);
  background: var(--surface-sunken);
  color: var(--ink);
  font-size: var(--text-sm);
}

.notice-good {
  background: var(--good-soft);
  color: var(--good-ink);
}

.notice-caution {
  background: var(--caution-soft);
  color: var(--caution-ink);
}

.notice-danger {
  background: var(--danger-soft);
  color: var(--danger-ink);
}

.notice-text {
  flex: 1 1 auto;
}

.notice-dismiss {
  flex: 0 0 auto;
}

.notice-link {
  color: inherit;
  font-weight: 600;
}