/* Shared style for guide pages (comparisons, how-tos). Extends legal.css. */
.lede {
  font-size: 19px;
  color: #3d4148;
  margin: 0 0 28px;
}

.cta {
  display: inline-block;
  margin: 8px 0 8px;
  padding: 13px 22px;
  border-radius: 8px;
  background: #0f766e;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

.cta:hover {
  background: #115e59;
}

.cta-note {
  margin: 4px 0 0;
  color: #69707d;
  font-size: 14px;
}

.table-scroll {
  overflow-x: auto;
  margin: 16px 0;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  background: #fff;
}

table {
  width: 100%;
  min-width: 520px;
  border-collapse: collapse;
  font-size: 15px;
}

th,
td {
  padding: 12px 14px;
  border-bottom: 1px solid #e4e7ec;
  text-align: left;
  vertical-align: top;
}

tr:last-child th,
tr:last-child td {
  border-bottom: 0;
}

thead th {
  color: #69707d;
  font-size: 13px;
}

tbody th {
  width: 32%;
}

.callout {
  margin: 24px 0;
  padding: 16px 18px;
  border-radius: 8px;
  background: #e9f7f3;
  color: #115e59;
}

ol.steps li,
ul.points li {
  margin-bottom: 6px;
}