@container visual-showcase (max-width: 1120px) {
  .visual-hub-controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-top: 4.2rem;
    padding-right: .9rem;
  }

  .visual-result-count {
    grid-column: 1 / -1;
    padding: 0;
    text-align: left;
  }

  .visual-area-filter {
    grid-template-columns: 1fr;
  }

  .visual-area-values,
  .visual-area-track {
    grid-column: 1;
  }
}

@media (min-width: 681px) {
  .visual-hub:has(.visual-hub-controls) > .visual-hub-toolbar { top: .25rem; }
  .visual-hub.dashboard-composed-module[data-module-collapsed="true"] { min-height: 2.8rem; }
}

@container visual-showcase (max-width: 720px) {
  .visual-hub-controls {
    grid-template-columns: minmax(0, 1fr);
  }

  .visual-area-values {
    flex-wrap: wrap;
  }

  .visual-result-count {
    padding: 0;
    text-align: left;
  }
}

/* Native selects must not size the gallery from their longest option. */
.visual-hub-controls :is(input, select) { min-width: 0; max-width: 100%; }
.visual-search-row .input, .visual-filter .input { width: 100%; }
.visual-card-facts span { max-width: 100%; overflow-wrap: anywhere; }