/* compare.css: the four /compare/ pages (page.css = ["compare"]).
   The capability table stays a table on wide screens and stacks each row as a
   card on phones, with the column name written beside each answer. */

.cmp-stack .cmp-label { display: none; }
.cmp-stack .cmp-caption { caption-side: bottom; text-align: start; padding: 10px 16px; color: #5f677a; font-size: 12px; line-height: 1.5; border-top: 1px solid #e4e8ee; }
.cmp-stack td.nc { color: #6b717f; }
.cmp-stack tr.concede th { color: #0f1944; }
.prose .cta-pair { margin: 22px 0 8px; }
.prose a.btn { text-decoration: none; }
.prose a.btn-primary, .prose a.btn-primary:hover { color: #fff; }
.prose a.btn-ghost { color: #0f1944; }
.page-hero-visual .verdict a, .ie-hero .verdict a { color: #132575; }

@media (max-width: 640px) {
  .ie-page .table-wrap.cmp-wrap { overflow: visible; border: 0; background: transparent; }
  .ie-page .cmp.cmp-stack { min-width: 0; width: 100%; background: transparent; font-size: 14px; }
  .cmp-stack thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .cmp-stack, .cmp-stack tbody, .cmp-stack tr, .cmp-stack th, .cmp-stack td, .cmp-stack caption { display: block; }
  .cmp-stack tbody tr { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); margin: 0 0 10px; border: 1px solid #d4dbe4; border-radius: 10px; background: #fff; overflow: hidden; }
  .cmp-stack tbody th[scope="row"] { grid-column: 1 / -1; padding: 12px 14px 8px; border: 0; background: #edf1f7; color: #0f1944; font-size: 14px; font-weight: 650; line-height: 1.4; }
  .ie-page .cmp-stack td { border: 0; border-top: 1px solid #eef1f5; padding-block: 11px; padding-inline-end: 14px; line-height: 1.45; }
  .cmp-stack td:nth-child(2) { background: #fafbfd; }
  .cmp-stack td + td { border-inline-start: 1px solid #eef1f5; }
  .cmp-stack .cmp-label { display: block; margin-bottom: 2px; color: #4b546a; font-size: 11px; font-weight: 650; letter-spacing: 0.06em; text-transform: uppercase; font-style: normal; }
  .cmp-stack .cmp-caption { padding: 4px 2px 0; border: 0; }
  .ie-page .verdict { grid-template-columns: minmax(0, 1fr); }
}