/* Comparison-table layout — 2026-08-13 (e). Final. Supersedes (a)–(d).

   Goal: fill the space on desktop and wrap; stay narrow and scroll on a phone.

   Attempts and why they failed:
   (a) min-width:640px      — below the 5-column tables' min-content, so cells
                              overflowed the table box and the wrapper's
                              scrollWidth stopped short. Last column unreachable.
   (b) width:max-content    — never applied; the theme's
                              `body.ed-member table { width:100% !important;
                              max-width:100% !important }` (0,1,2) outranks a
                              plain `.cmp-wrap table` (0,1,1).
   (c) width:max-content !important — applied but overcorrected: the table went
                              to 2132px and scrolled on desktop too.
   (d) min-width:min-content — correct floor, but this table's min-content is
                              1132px against a 1072px container, so it still
                              scrolled 60px on a 1780px screen.

   (e) Keep the min-content floor, and let the table break out of the prose
       container to the width of the page chrome (1180px, matching .ed-top) on
       screens with room for it. 1180 > 1132, so it now fits and wraps on
       desktop. Anything genuinely wider than 1180 still scrolls, which is the
       correct fallback rather than clipping. */
.cmp-wrap,
.fact-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 22px 0;
}
body.ed-member .cmp-wrap table,
body.ed-member .fact-wrap table {
  width: 100% !important;
  min-width: min-content !important;
  max-width: none !important;
}

/* Break out to the chrome width where there is room. The negative margin is
   derived from the container, so it self-adjusts as the container shrinks. */
@media (min-width: 1240px) {
  body.ed-member .section-inner > :is(.cmp-wrap, .fact-wrap),
  body.ed-member main.legal-page > :is(.cmp-wrap, .fact-wrap) {
    width: 1180px !important;
    max-width: none !important;
    margin-left: calc((100% - 1180px) / 2) !important;
    margin-right: calc((100% - 1180px) / 2) !important;
  }
}