/* Keep labels readable: a long package name must shrink/wrap in the value
   column instead of taking the label column's space. Only this form changes. */
#booking-form .booking-summary dl {
    grid-template-columns: max-content minmax(0, 1fr);
    gap: 12px 16px;
    align-items: start;
}

#booking-form .booking-summary dt {
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
}

#booking-form .booking-summary dd {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
    word-break: normal;
}

/* A session needs the full column width even on a wide desktop: the booking
   form itself has three columns, so viewport width alone is misleading. */
#booking-form .field-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
}

#booking-form .field-row select {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

#booking-form .summary-event {
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 12px;
}

#booking-form .summary-event img {
    width: 64px;
    height: 58px;
}

#booking-form .summary-event > div {
    min-width: 0;
    overflow-wrap: anywhere;
}