.rarity-badge {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem; /* text-xs */
    font-weight: 600; /* font-semibold */
    border-radius: 9999px; /* rounded-full */
    color: #ffffff;
    margin-bottom: 0.5rem;
}

.ingredient-pill {
    display: inline-flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem; /* text-sm */
    font-weight: 500; /* font-medium */
    border-radius: 9999px; /* rounded-full */
    background-color: #E5E7EB; /* bg-gray-200 */
    color: #1F2937; /* text-gray-800 */
    white-space: nowrap;
}