.sk-section-banner {
  display: flex;
  align-items: center;
  gap: var(--sk-space-3);
  padding: var(--sk-space-2) var(--sk-space-4);
  border-radius: var(--sk-radius-sm);
  font-family: var(--sk-font-mono);
  font-size: var(--sk-text-sm);
  font-weight: var(--sk-weight-bold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.sk-section-banner--neutral {
  background: var(--sk-surface-card);
  color: var(--sk-fg-default);
}

.sk-section-banner--purple {
  background: var(--sk-surface-purple-tint);
  color: var(--sk-color-purple);
}

.sk-section-banner--green {
  background: var(--sk-surface-green-tint);
  color: var(--sk-color-green);
}

.sk-section-banner__dot {
  font-size: var(--sk-text-base);
}