/* Automation settings are a nested card inside the shared information page. */
.automation-settings.settings-section {
  min-width: 0;
  padding: clamp(16px, 2.5vw, 28px);
}

.automation-settings :is(h2, p, summary, legend, label) {
  overflow-wrap: anywhere;
}

#info-content .automation-settings .legacy-form {
  width: 100%;
  min-width: 0;
  /* Two columns at most; collapse when either would be narrower than 240px. */
  grid-template-columns: repeat(auto-fit, minmax(min(100%, max(240px, calc((100% - 24px) / 2))), 1fr));
}

.automation-settings .legacy-form > *,
.automation-settings .settings-fold,
.automation-settings .settings-plans,
.automation-settings .settings-plan-fields {
  min-width: 0;
}

#info-content .automation-settings fieldset.settings-plan {
  min-inline-size: 0;
  max-width: none;
  margin: 16px 0 0;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--surface-soft);
}
