/* Comparison pages. Sits on top of legal.css (nav, footer, .doc typography). */
.doc .kicker{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--green);margin:0 0 10px}

.cmp{width:100%;border-collapse:collapse;margin:22px 0 8px;font-size:15px;line-height:1.5}
.cmp th,.cmp td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line)}
.cmp thead th{font-size:13.5px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line-2)}
.cmp thead th.us{background:rgba(199,242,76,.28);border-radius:10px 10px 0 0}
.cmp tbody th{font-weight:500;color:var(--soft);width:28%}
.cmp td{color:var(--body)}
.cmp td.us{background:rgba(199,242,76,.12);color:var(--ink)}
.cmp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.src{color:var(--soft);font-size:13.5px;margin-top:6px}

.cta{margin:48px 0 0;padding:28px;border-radius:16px;background:var(--bg-2);border:1px solid var(--line)}
.cta p{margin:0 0 18px;color:var(--ink);font-size:17px;max-width:none}
.cta a.go{display:inline-block;background:var(--lime);color:var(--lime-ink);font-weight:600;font-size:15px;
  text-decoration:none;padding:12px 22px;border-radius:99px;transition:background .16s}
.cta a.go:hover{background:var(--lime-deep)}
.cta a.go:focus-visible{outline:2px solid var(--green);outline-offset:3px}

.others{list-style:none;padding:0!important}
.others li{margin:10px 0}

@media (max-width:560px){
  .cmp{font-size:14px}
  .cmp th,.cmp td{padding:10px 8px}
  .cmp tbody th{width:30%}
  .cta{padding:22px 18px}
}