body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

.recipe-card {
    transition: box-shadow 0.15s ease-in-out;
}

.recipe-card:hover {
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
}

.ingredient-summary {
    color: #6c757d;
    font-size: 0.9rem;
}

.phase2-placeholder {
    opacity: 0.55;
}

.phase2-badge {
    font-size: 0.7rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.ingredient-amount {
    display: inline-block;
    min-width: 5rem;
    color: #495057;
    font-variant-numeric: tabular-nums;
}