/* 警告・案内の帯。色は左の 2px 線で示す。 */
.c-alert {
  display: flex;
  gap: var(--se-space-3);
  padding: var(--se-space-3) var(--se-space-4);
  border-left: 2px solid var(--se-danger);
  background: var(--se-surface);
  font-size: var(--se-text-sm);
  line-height: 1.8;
}

.c-alert--info {
  border-left-color: var(--se-accent);
}

.c-alert--success {
  border-left-color: var(--se-success);
}