.scheduling-details {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: .375rem .75rem;
  overflow-wrap: anywhere;
}

.scheduling-details dt,
.scheduling-field > label,
.scheduling-confirmation h3 {
  font-weight: 600;
}

.scheduling-details dd {
  margin: 0;
}

.scheduling-details__note,
.scheduling-confirmation,
.scheduling-block {
  margin-block-start: 1rem;
}

.scheduling-fields,
.scheduling-field {
  display: grid;
  min-inline-size: 0;
  gap: .5rem;
}

.scheduling-fields--endpoints {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.scheduling-fields[hidden] {
  display: none;
}

.scheduling-fields--endpoints .scheduling-error {
  grid-column: 1 / -1;
}

.scheduling-error {
  color: var(--color-text-negative);
}

.scheduling-error:not(:empty) {
  margin-block: .25rem;
}