/* The comparison table of /compare and /products. */
.compare-wrap {
  overflow-x: auto;
  margin-bottom: var(--sp4);
}
.compare {
  width: 100%;
  min-width: 560px;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--panel-bg);
  font-size: var(--fs-sm);
}
.compare th,
.compare td {
  padding: var(--sp3) var(--sp4);
  border-bottom: 1px solid var(--border);
  text-align: left;
  vertical-align: top;
}
.compare thead th {
  background: var(--fill-dim);
  font-size: var(--fs-md);
}
.compare thead th.compare-remote {
  border-top: 4px solid var(--accent-remote);
}
.compare thead th.compare-support {
  border-top: 4px solid var(--accent-support);
}
.compare tbody th {
  width: 26%;
  font-weight: 700;
}
.compare tbody tr:last-child > * {
  border-bottom: 0;
}
.compare-yes {
  color: var(--ok-text);
  font-weight: 700;
}
.compare-soon {
  color: var(--support);
  font-weight: 700;
}
.compare-no {
  color: var(--text-faint);
}