/* ============================================================
   compare.css — page-scoped styles for /compare
   Declared by compare.php via evq_page_head(['css' => [...]]).
   Nothing here is inline; no new colour or spacing value is
   introduced — only the existing --wrap / --wrap-wide tokens.
   ============================================================ */

/* The four-category comparison carries prose in every cell. At the
   820px article measure (--wrap) four columns leave ~190px each, which
   wraps most cells to seven lines. On screens wide enough to afford it,
   let this one table use the wide measure (--wrap-wide) instead.
   Centred with margin-left:50% + translateX(-50%) so it stays aligned
   to the page rather than to the text column, and capped against the
   viewport so it can never introduce a horizontal scrollbar. */
@media (min-width: 1200px) {
  .cmp-break {
    width: min(var(--wrap-wide), calc(100vw - 48px));
    margin-left: 50%;
    transform: translateX(-50%);
  }
}