/* compare.html and compare/certant-vs-*.html — rules the flat system does not provide.
   Tokens only, prefix .pg-cmp-, zero box-shadow. Linked after flat/flat.css. */

/* The comparison table: row label narrow, the two products share the rest evenly. */
.pg-cmp-table tbody th { width: 22%; }
.pg-cmp-table td { width: 39%; }
.pg-cmp-table--hub tbody th { width: 18%; }
.pg-cmp-table--hub td { width: auto; }

/* Certant's own row on the hub table reads as the reference line. */
.pg-cmp-us th, .pg-cmp-us td { background: var(--teal-tint); }

/* Three steps across the full width; flat.css stacks flow-steps below 800 px. */
@media (min-width: 801px) {
  .pg-cmp-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  .pg-cmp-table tbody th, .pg-cmp-table td { width: auto; }
}