/* C&I Solar + Storage: preserve the refined two-column constraint layout after
   legacy CSS isolation. The imported stylesheet contains a later base rule for
   the outer grid plus an earlier higher-specificity `display: contents` rule
   for `.feasible`; together they push the demo table onto a second row. */
.legacy-refined-page[data-legacy-page="ci-solar-storage"] .solutions-ci-solar .constraint-grid {
  grid-template-columns: minmax(0, 1.4fr) minmax(0, .8fr) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

.legacy-refined-page[data-legacy-page="ci-solar-storage"] .solutions-ci-solar .constraint-grid > .constraint-table-wrap,
.legacy-refined-page[data-legacy-page="ci-solar-storage"] .solutions-ci-solar .constraint-grid > .feasible {
  min-width: 0 !important;
}

.legacy-refined-page[data-legacy-page="ci-solar-storage"] .solutions-ci-solar .constraint-grid > .feasible {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 220px) !important;
  align-items: stretch !important;
  gap: 14px !important;
}

.legacy-refined-page[data-legacy-page="ci-solar-storage"] .solutions-ci-solar :is(.constraint-table, .demo-table) {
  display: table !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  overflow: visible !important;
}

.legacy-refined-page[data-legacy-page="ci-solar-storage"] .solutions-ci-solar :is(.constraint-table, .demo-table) :is(thead, tbody, tr) {
  width: auto !important;
  min-width: 0 !important;
}

.legacy-refined-page[data-legacy-page="ci-solar-storage"] .solutions-ci-solar :is(.constraint-table, .demo-table) :is(th, td) {
  min-width: 0 !important;
  overflow-wrap: anywhere;
  word-break: normal;
}

@media (max-width: 900px) {
  .legacy-refined-page[data-legacy-page="ci-solar-storage"] .solutions-ci-solar .constraint-grid {
    grid-template-columns: 1fr !important;
  }

  .legacy-refined-page[data-legacy-page="ci-solar-storage"] .solutions-ci-solar .constraint-grid > .feasible {
    grid-template-columns: minmax(0, 1fr) minmax(180px, 220px) !important;
  }
}

@media (max-width: 620px) {
  .legacy-refined-page[data-legacy-page="ci-solar-storage"] .solutions-ci-solar .constraint-grid > .feasible {
    grid-template-columns: 1fr !important;
  }
}