/* Compare page: the legal reading column, widened for one table. */
.compare{max-width:1080px}
.compare .lede{font-size:18px;line-height:1.65;color:var(--ink);max-width:720px}
.compare .lede,.compare h1,.compare .updated,.compare h2,.compare .option,.compare .narrow{max-width:760px}
.compare-table-wrap{margin:30px 0 8px;max-width:none}
.compare-table{width:100%;border-collapse:collapse;font:13px/1.55 var(--sans);color:var(--muted)}
.compare-table caption{text-align:left;font:13px/1.6 var(--sans);color:var(--muted);padding-bottom:12px}
.compare-table th,.compare-table td{text-align:left;vertical-align:top;padding:13px 12px 13px 0;border-top:1px solid var(--line)}
.compare-table thead th{font:11px/1.5 var(--sans);text-transform:uppercase;letter-spacing:1.4px;color:#586b68;border-top:0;border-bottom:1px solid var(--ink)}
.compare-table tbody th{font:400 17px/1.3 var(--serif);color:var(--ink);width:15%}
.compare-table .us th,.compare-table .us td{background:#eef1e8;padding-left:10px}
.compare-table td.price{width:19%;color:var(--ink);font-weight:600;white-space:nowrap}
.compare-table sup a{color:var(--ink);text-decoration:none;font-size:10px;padding:0 1px}
.compare .option h3{font-size:21px;line-height:1.25;letter-spacing:-.4px;margin:30px 0 8px}
.compare .sources{font:12px/1.7 var(--sans);color:var(--muted);padding-left:24px}
.compare .sources li{margin:6px 0;font:12px/1.7 var(--sans)}
.compare .sources a{word-break:break-all}
.compare .pill{display:inline-block;font:15px/1 var(--serif);text-decoration:none;color:var(--ink);border:1px solid #526861;border-radius:999px;padding:12px 24px;margin-top:10px}
.compare .pill:hover{background:#e8ece3}
@media(max-width:900px){
  .compare-table,.compare-table tbody,.compare-table tr,.compare-table th,.compare-table td{display:block;width:auto}
  .compare-table thead{position:absolute;left:-9999px}
  .compare-table tr{border-top:1px solid var(--ink);padding:14px 0 10px}
  .compare-table th,.compare-table td{border:0;padding:3px 0}
  .compare-table .price{white-space:normal}
  .compare-table tbody th{width:auto;font-size:20px;padding-bottom:6px}
  .compare-table td[data-label]:before{content:attr(data-label) ": ";font:11px/1.5 var(--sans);text-transform:uppercase;letter-spacing:1.2px;color:#586b68}
  .compare-table tr.us{background:#eef1e8;padding-left:10px;padding-right:10px}
  .compare-table .us th,.compare-table .us td{padding-left:0;background:none}
}