/* Block CSS for library/templates/0510_compare-matrix-4col-v1.html */
.cb-matrix {
  display: grid;
  grid-template-columns: 1.3fr repeat(3, 1fr);
  margin-top: 28px;
  border: 1px solid var(--cb-line);
  border-radius: 4px;
  overflow: hidden;
}
.cb-matrix-col {
  padding: 20px 18px;
  border-right: 1px solid var(--cb-line);
}
.cb-matrix-col:last-child {
  border-right: none;
}
.cb-matrix-head {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--cb-line);
  margin-bottom: 14px;
  color: var(--cb-paper-mute);
}
.cb-matrix-us .cb-matrix-head {
  color: var(--cb-accent);
}
.cb-matrix-cell {
  font-size: 14px;
  line-height: 1.45;
  margin-bottom: 14px;
  color: var(--cb-paper-mute);
}
.cb-matrix-cell:last-child {
  margin-bottom: 0;
}
.cb-matrix-labels .cb-matrix-cell {
  color: var(--cb-paper-dim);
  font-weight: 600;
}
.cb-matrix-us .cb-matrix-cell {
  color: var(--cb-paper-dim);
}
.cb-matrix-mark {
  display: inline-block;
  width: 16px;
  font-weight: 700;
  color: var(--cb-matrix-mark-neg, #f00);
}
.cb-matrix-us .cb-matrix-mark {
  color: var(--cb-accent);
}
@media (max-width: 860px) {
  .cb-matrix {
    grid-template-columns: 1fr;
  }
  .cb-matrix-col {
    border-right: none;
    border-bottom: 1px solid var(--cb-line);
  }
  .cb-matrix-col:last-child {
    border-bottom: none;
  }
}