/*
 * u-flex-fill — a flex child that takes the remaining space and is allowed to
 * shrink below its content size (so text can truncate / wrap instead of pushing
 * siblings out).
 */
@layer utilities {
  .u-flex-fill { flex: 1; min-inline-size: 0; }
}