/* Pill label — Figma: Tagline Bar / Section Label Bar */
.pill {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 18px;
	border: 1px solid var(--color-white-10);
	border-radius: var(--radius-pill);
	color: var(--color-neutral-3);
}

.pill__icon {
	flex: none;
}

.pill--green {
	border-color: var(--color-secondary);
	color: var(--color-secondary);
}

/* Mobile: keep the label on one line */
@media (max-width: 479px) {
	.pill {
		gap: 8px;
		padding: 8px 14px;
		font-size: 12px;
		white-space: nowrap;
	}
}