.announcement-bar {
  position: relative;
  z-index: 3;
  border-bottom: 1px solid color-mix(in srgb, var(--color-primary) 10%, var(--color-border));
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--color-primary) 4%, transparent), transparent 30%, color-mix(in srgb, var(--color-primary) 4%, transparent)),
    color-mix(in srgb, var(--color-surface-alt) 78%, transparent);
  backdrop-filter: var(--glass-blur-soft);
}

.announcement-bar__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding-block: 0.85rem;
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  letter-spacing: 0.04em;
}