/* Give multi-issue comparisons enough room; long narratives stay readable. */
.catalog-compare .compare-room > section,
.catalog-compare .compare-room > #compareOverview,
.catalog-compare .compare-room > #compareMatrix,
.catalog-compare .compare-room > #compareNetwork,
.catalog-compare .compare-room > #compareTable {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}

.catalog-compare .compare-room {
  padding-inline: clamp(16px, 2vw, 26px);
}

.catalog-compare .compare-table-scroll {
  scrollbar-gutter: stable both-edges;
}

.catalog-compare .compare-page-table {
  min-width: max(1060px, calc(160px + (var(--compare-issue-count, 3) * 320px)));
  table-layout: fixed;
}

.catalog-compare .compare-page-table th:first-child,
.catalog-compare .compare-page-table th[scope="row"] {
  width: 160px;
}

.catalog-compare .compare-page-table th:not(:first-child),
.catalog-compare .compare-page-table td {
  min-width: 320px;
}

.catalog-compare .compare-page-table td {
  overflow-wrap: anywhere;
  vertical-align: top;
}

.catalog-compare .compare-panel-head {
  min-width: 0;
}

.catalog-compare .compare-panel-head > div {
  min-width: 0;
}

@media (max-width: 900px) {
  .catalog-compare .compare-page-table {
    min-width: max(820px, calc(132px + (var(--compare-issue-count, 3) * 230px)));
  }

  .catalog-compare .compare-page-table th:first-child,
  .catalog-compare .compare-page-table th[scope="row"] {
    width: 132px;
  }

  .catalog-compare .compare-page-table th:not(:first-child),
  .catalog-compare .compare-page-table td {
    min-width: 230px;
  }
}