/* Layout B: use existing three-line card space; never change its outer box. */
html body #horizon-booking-demo .hd-job.hd-has-travel{container-type:inline-size}
html body #horizon-booking-demo .hd-job .hd-job-lower{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto;column-gap:6px;min-width:0;overflow:hidden;white-space:normal}
html body #horizon-booking-demo .hd-job .hd-job-lower>.hd-job-location{grid-column:2;grid-row:1;min-width:0}
html body #horizon-booking-demo .hd-job .hd-job-lower>.hd-job-meta{grid-column:2;grid-row:2;min-width:0}
html body #horizon-booking-demo .hd-job .hd-job-travel{grid-column:1;grid-row:1 / span 2;display:flex;align-items:center;justify-content:center;gap:3px;min-width:0;padding:0 3px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:4px;background:color-mix(in srgb,currentColor 8%,transparent);color:inherit;font:650 10px/1.1 system-ui;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:clip;pointer-events:none}
html body #horizon-booking-demo .hd-job .hd-job-travel svg{display:block;flex:0 0 14px;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
html body #horizon-booking-demo .hd-job .hd-job-travel-value,html body #horizon-booking-demo .hd-job .hd-job-travel-unit{display:inline;font:inherit;overflow:visible;text-overflow:clip}
@container (max-width:145px){
 html body #horizon-booking-demo .hd-job .hd-job-lower{grid-template-columns:34px minmax(0,1fr);column-gap:5px}
 html body #horizon-booking-demo .hd-job .hd-job-travel{padding:0 1px;font-size:9px}
 html body #horizon-booking-demo .hd-job .hd-job-travel svg{display:none}
}
@container (max-width:90px){
 html body #horizon-booking-demo .hd-job .hd-job-lower{grid-template-columns:26px minmax(0,1fr);column-gap:3px}
 html body #horizon-booking-demo .hd-job .hd-job-travel{font-size:8px}
 html body #horizon-booking-demo .hd-job .hd-job-lower .hd-job-kind{display:none!important}
}