/*
 * Only the symptom pills are condition-specific. The panel surface and the
 * definition-list layout live in facts-panel.css, which this component
 * composes.
 */
.rc-condition-facts__symptoms {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-1) var(--space-2);
	padding: 0;
	margin: 0;
	list-style: none;
}

.rc-condition-facts__symptoms li {
	padding: var(--space-1) var(--space-3);
	background-color: var(--color-surface-sunken);
	border: var(--border-default);
	border-radius: var(--radius-full);
	font-size: var(--text-small);
}