/* ==========================================================================
   SEEYOUSOON — D5's step line for a delivery (docs/FOOD-DELIVERY.md; js/flows/food/d-mat-order.js)
   A delivery has five steps («Mottagen · Bekräftad · Klar · På väg · Levererad») where the design drew four, so the
   line between them reaches a step the design's own widths (w-[66%] for «Klar» of four) do not: the flow marks how far
   (data-reach on [data-part="progress"]) and the width is set here. The design's classes stay on the element.
   ========================================================================== */

#screen-outlet [data-purpose="delivery-stepper"] [data-part="progress"][data-reach="2"] { width: calc((100% - 1.5rem) * 0.5); }
#screen-outlet [data-purpose="delivery-stepper"] [data-part="progress"][data-reach="3"] { width: calc((100% - 1.5rem) * 0.75); }