/* Keep tag forms usable within narrow screens and content columns. */
.new-event-fields {
  width: 100%;
  table-layout: fixed;
}
.new-event-fields > tbody > tr > td {
  padding: 6px 0;
  vertical-align: top;
}
.new-event-fields > tbody > tr > td:first-child {
  width: 140px;
  padding-right: 16px;
  overflow-wrap: normal;
}
.new-event-fields input[type="text"],
.new-event-fields select,
.new-event-fields textarea {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.position-actions, .map-coordinate-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0;
}
#position-map-panel {
  margin: 16px 0;
  min-width: 0;
  overflow-wrap: normal;
}
#position-map-panel summary { cursor: pointer; }
#position-map-panel p { margin: 10px 0; }
#position-map-panel label { display: block; }
#position-map-panel button, .position-actions button {
  min-height: 44px;
  padding: 8px 12px;
  white-space: normal;
}
#position-map-panel .map-coordinate-actions input {
  flex: 1 1 180px;
  width: auto;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}
#use-map-centre { margin-top: 8px; }
@media (min-width: 768px) {
  .new-event-fields { max-width: 620px; }
  .new-event-fields input[type="text"],
  .new-event-fields select { max-width: 340px; }
  .new-event-fields #long,
  .new-event-fields #lati,
  .new-event-fields #captcha { max-width: 220px; }
}
@media (max-width: 767px) {
  .new-event-fields, .new-event-fields > tbody,
  .new-event-fields > tbody > tr, .new-event-fields > tbody > tr > td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  .new-event-fields > tbody > tr > td:first-child {
    width: 100%;
    padding: 10px 0 4px;
  }
  .new-event-fields > tbody > tr > td:first-child:empty { display: none; }
  .new-event-fields > tbody > tr > td { padding: 0 0 8px; }
  .new-event-fields input[type="text"],
  .new-event-fields select, .new-event-fields textarea,
  #position-map-panel input { font-size: 16px; }
  .map-coordinate-actions { flex-direction: column; }
  #position-map-panel .map-coordinate-actions input {
    flex: auto;
    width: 100%;
    min-height: 44px;
  }
}