/* Event controls should stay aligned even when one field has a long hint. */
.timeline-intake .field,
#infoForm.event-editor .field {
  align-content: start;
  grid-auto-rows: max-content;
}

.timeline-intake .field input[type="date"],
.timeline-intake .field select,
#infoForm.event-editor .field input[type="date"],
#infoForm.event-editor .field select {
  align-self: start;
  height: 48px;
  min-height: 48px;
  margin: 0;
}

.timeline-intake .field select,
#infoForm.event-editor .field select {
  padding: 10px 12px;
}

.timeline-intake .event-hint,
#infoForm.event-editor .event-hint {
  display: block;
  color: #65716d;
  font-size: .79rem;
  line-height: 1.4;
  margin-top: 2px;
}

.timeline-intake details > p,
#infoForm.event-editor details > p {
  font-size: .84rem;
  line-height: 1.45;
}

@media (max-width: 620px) {
  .timeline-intake .form-grid,
  #infoForm.event-editor .form-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}