/* Manufacturer panels are nested inside a chapter rail. Size their columns by
   available space so viewport breakpoints cannot compress facts or model chips. */
.manufacturer-page {
  container: manufacturer-page / inline-size;
}
.manufacturer-facts {
  container: manufacturer-facts / inline-size;
}
.manufacturer-facts .ui-key-facts-grid {
  grid-template-columns: minmax(0, 1fr);
}
@container manufacturer-facts (min-width: 22rem) {
  .manufacturer-facts .ui-key-facts-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.manufacturer-models {
  container: manufacturer-models / inline-size;
}
@container manufacturer-models (min-width: 34rem) {
  .manufacturer-model-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@container manufacturer-models (min-width: 52rem) {
  .manufacturer-model-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@container manufacturer-models (min-width: 70rem) {
  .manufacturer-model-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@container manufacturer-models (min-width: 88rem) {
  .manufacturer-model-grid-large {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
/* CSS zoom can reduce layout space without changing viewport media queries. */
@container manufacturer-page (max-width: 63.99rem) {
  .manufacturer-hero-grid,
  .manufacturer-hero-footer,
  .manufacturer-brief-grid,
  .manufacturer-chapter-grid,
  .manufacturer-overview-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .manufacturer-overview-grid > div {
    grid-column: auto;
  }
  .manufacturer-chapter-grid > div:first-child {
    border-right-width: 0;
    border-bottom-width: 1px;
  }
}