/* Comparison page. Kept out of the HTML: the site's CSP (style-src 'self') blocks inline <style>. */
.cmp {
  width: 100%;
  border-collapse: collapse;
  margin: 32px 0 8px;
  font-size: 15.5px;
}
.cmp caption {
  text-align: left;
  font-family: var(--mono);
  font-size: 12px;
  color: var(--ink-soft);
  margin-bottom: 10px;
}
.cmp th,
.cmp td {
  text-align: left;
  padding: 14px 16px;
  border-bottom: 1px solid var(--line);
  vertical-align: top;
}
.cmp thead th {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-soft);
  border-bottom: 2px solid var(--ink);
}
.cmp th[scope='row'] {
  font-weight: 600;
  white-space: nowrap;
}
.cmp td.hi {
  background: var(--tint);
}
.cmp-wrap {
  overflow-x: auto;
}
.fnote {
  margin-top: 18px;
  font-size: 13.5px;
  color: var(--ink-soft);
}
.compare-cta {
  margin-top: 34px;
}