.fieldwork-grid,
.fieldwork-grid > *,
.field-card,
.data-table-wrap {
  min-width: 0;
}

.field-card {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.data-table-wrap,
.compare-table-wrap {
  width: 100%;
  box-sizing: border-box;
  overscroll-behavior-inline: contain;
}

@media (max-width: 720px) {
  .hero-board::before { display: none; }
  .card-heading { gap: 14px; align-items: flex-start; }
  .card-heading > :first-child { min-width: 0; }
  #coordinateText { max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}