/* Adapt complex tool controls to their available content width. */
.bgp-vis-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(270px, 100%), 1fr));
}

.bgp-vis-field,
.bgp-vis-field input,
.bgp-topology-header,
.bgp-topology-header-row > *,
.bgp-topology-meta > *,
.bgp-topology-legend-item,
.bgp-timeline-panel input {
  min-width: 0;
}

.bgp-vis-field input {
  max-width: 100%;
}

.bgp-topology-header,
.bgp-time-label {
  overflow-wrap: anywhere;
}

.cable-faults-shell,
.cable-faults-shell > *,
.cable-faults-search,
.cable-faults-timeline-track,
.cable-faults-events > * {
  min-width: 0;
}

.cable-faults-toolbar {
  flex-wrap: wrap;
}

.cable-faults-search {
  flex-basis: 240px;
}

.cable-faults-search input {
  min-width: 0;
  max-width: 100%;
}

.cable-faults-search-hit,
.cable-faults-event-news-head,
.cable-faults-detail-content,
.cable-faults-detail-landings span,
.cable-faults-resources a {
  overflow-wrap: anywhere;
}

.cable-faults-event-news-head {
  flex-wrap: wrap;
}

.cable-faults-detail-content {
  container: cable-detail / inline-size;
}

.cable-faults-detail-content dl {
  grid-template-columns: minmax(0, 8rem) minmax(0, 1fr);
}

.cable-faults-detail-content dt,
.cable-faults-detail-content dd {
  min-width: 0;
}

@container cable-detail (max-width: 420px) {
  .cable-faults-detail-content dl {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 4px;
  }

  .cable-faults-detail-content dd {
    margin-bottom: 8px;
  }
}

@media (max-width: 640px) {
  .cable-faults-search {
    flex-basis: 100%;
  }
}