/* Comparison articles (compare/*.html), on top of pages.css. */
.article h1{font-size:34px;line-height:1.12}
.article h1 + p em{color:var(--muted);font-style:normal;font-size:13.5px}
.article h3{margin-top:22px}
.tbl{margin:18px 0 6px;overflow-x:auto;border:1px solid var(--hairline);border-radius:14px;background:#fff}
.tbl table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.45}
.tbl th,.tbl td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--hairline)}
.tbl tr:last-child td{border-bottom:0}
.tbl th{font-weight:650;background:rgba(20,40,10,.03)}
.tbl td:first-child{font-weight:600;white-space:nowrap}
.tbl th:nth-child(2),.tbl td:nth-child(2){background:rgba(236,252,203,.45)}
.article hr + p em{color:var(--muted);font-size:13px}
.cmp-cta{margin-top:44px;padding:30px 26px;border-radius:20px;background:#0A0A0A;color:#fff;text-align:center}
.cmp-cta h2{margin:0 0 8px;color:#fff}
.cmp-cta p{color:rgba(255,255,255,.7);margin:0 0 18px}
.cmp-cta .btn{background:#fff;color:#0A0A0A;display:inline-flex;padding:12px 22px;border-radius:999px;
  font-weight:600;text-decoration:none}
@media(max-width:600px){
  .article h1{font-size:27px}
  .tbl table{font-size:13px;table-layout:fixed}
  .tbl th,.tbl td{padding:9px 10px}
  .tbl th:first-child,.tbl td:first-child{white-space:normal;width:30%}
}

/* Wide screens: the table and the closing box run wider than the 720px text
   measure, and a sticky contents rail fills the space on the left. */
.toc-rail{display:none}
@media(min-width:1100px) and (max-width:1299px){
  .tbl,.cmp-cta{margin-left:-100px;margin-right:-100px}
}
@media(min-width:1300px){
  .article{position:relative}
  .tbl,.cmp-cta{margin-right:-240px}
  .toc-rail{display:block;position:absolute;top:44px;bottom:72px;right:100%;width:200px;margin-right:24px}
  .toc{position:sticky;top:28px}
  .toc p{margin:0 0 10px;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
  .toc ul{list-style:none;margin:0;padding:0;gap:2px}
  .toc a{display:block;padding:6px 10px;border-left:2px solid var(--hairline);font-size:13.5px;
    line-height:1.35;color:var(--text-2);text-decoration:none}
  .toc a:hover{color:var(--ink)}
  .toc a.on{border-left-color:var(--green);color:var(--ink);font-weight:600}
}