/**
 * recipe-short-steps CSS
 * Component-specific styles only - uses global utilities for common patterns
 */

/* Step item flex layout - component-specific pattern */
.recipe_short_step {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-2);
}

/* Step number sizing - component-specific */
.recipe_short_step-number {
    min-width: 24px;
}

/* Step text flex behavior - component-specific */
.recipe_short_step-text {
    flex: 1;
}