.polling-fields,
.nested-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.polling-fields[hidden],
.generic-provider-config[hidden] {
  display: none;
}

.mapping-field {
  border: 1px solid var(--line);
  padding: 14px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.mapping-field legend {
  font: 600 12px "IBM Plex Mono";
  color: var(--acid);
  padding: 0 8px;
}

.polling-fields > .eyebrow,
.polling-fields > .muted {
  grid-column: 1 / -1;
}

@media (max-width: 640px) {
  .polling-fields,
  .nested-grid,
  .mapping-field { grid-template-columns: 1fr; }
}