.compare-intro{background:var(--c-panel);color:var(--c-ink)}
.compare-intro-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:72px}
.compare-intro-grid>*{min-width:0}
.compare-intro h1{margin-top:20px;margin-bottom:24px}
.compare-lede{max-width:620px;margin-bottom:30px;color:var(--c-muted);font-size:20px;line-height:1.85}
.compare-lede strong{color:var(--c-ink)}
.compare-note h2{margin-top:24px;margin-bottom:24px;font-size:28px}
.compare-note ol{margin-top:0;margin-bottom:24px;padding-left:24px}
.compare-note li+li{margin-top:14px}
.compare-note p{margin-bottom:0;font-size:14px}
.compare-chapters{padding-top:32px}
.compare-toc{max-width:var(--wrap);margin-inline:var(--gutter);margin-bottom:0}
.compare-section-lead{max-width:var(--reading)}
.compare-section-lead .section-heading{margin-top:16px}
.compare-table-help{font-size:13px;margin-top:24px;margin-bottom:12px}
.compare-table{min-width:960px}
.compare-table caption{text-align:left;padding:18px 20px;background:var(--c-bg);color:var(--c-muted);font-size:13px}
.compare-table th:first-child{width:15%}
.compare-table td{width:28.333%}
.compare-table tbody th{font-weight:500}
.compare-review{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.4fr);align-items:start;gap:72px}
.compare-review>*{min-width:0}
.compare-review-label h2{margin-top:24px;margin-bottom:24px}
.compare-review-body h3:first-child{margin-top:0}
.compare-review-body .btn{text-decoration:none;color:var(--c-ink)}
.compare-secondary-links{margin-top:18px;margin-bottom:0}
.compare-scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:32px}
.compare-scenario-grid .callout{margin:0}
.compare-scenario-grid h3{margin-top:0;margin-bottom:18px;font-size:25px}
.compare-scenario-grid p{line-height:1.85}
.compare-decision-actions{margin-top:28px}
@media(min-width:1280px){
  .compare-toc{margin-inline:auto}
}
@media(max-width:1000px){
  .compare-intro-grid,.compare-review{gap:36px}
  .compare-intro-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(max-width:768px){
  .compare-intro-grid,.compare-review{grid-template-columns:minmax(0,1fr)}
  .compare-lede{font-size:17px}
  .compare-scenario-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:640px){
  .compare-chapters{padding-top:20px}
  .compare-note h2{font-size:25px}
  .compare-review{gap:28px}
}