/* Component: chip — document chips, tags, filter pills. */

.mx-chips { display: flex; flex-wrap: wrap; gap: var(--mx-space-2); }
.mx-chip {
	display: inline-flex; align-items: center;
	padding: 6px var(--mx-space-3);
	border-radius: var(--mx-radius-pill);
	background: var(--mx-sage);
	color: var(--mx-forest);
	font-size: var(--mx-text-xs);
	line-height: 1.3;
}
.mx-chip--warn { border-radius: var(--mx-radius-sm); background: var(--mx-warn-bg); color: var(--mx-warn-ink); font-weight: 500; }