/* compare.css - "How we compare" pages (compare/build_compare.py, DESIGN-PRINCIPLES rule 36) */
.cmp-crumbs{font-size:.85rem;margin:6px 2px 10px}
.cmp-crumbs a{color:inherit}
.cmp-hero .lead{font-size:1.05rem}
.cmp-verdict li{margin:6px 0}
.cmp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px}
.cmp-table{min-width:640px}
.cmp-table th[scope=row]{color:var(--ink);font-weight:600;font-size:.85rem;white-space:nowrap;vertical-align:top}
.cmp-table td{vertical-align:top;font-size:.86rem;line-height:1.4}
.cmp-table thead th{font-size:.82rem;vertical-align:bottom}
.cmp-table td:nth-child(2),.cmp-table thead th:nth-child(2){background:var(--accent-wash)}
.cmp-us{font-weight:600}
.cmp-note{font-size:.82rem}
.cmp-sources li{margin:6px 0;font-size:.86rem;overflow-wrap:anywhere}
.cmp-cta .btn{display:inline-block;background:var(--buy);color:var(--on-buy);padding:11px 18px;border-radius:10px;font-weight:700;text-decoration:none}
.cmp-cta .btn:hover{background:var(--buy-hover)}
.cmp-table.two{min-width:0}
@media (max-width:600px){.cmp-table th[scope=row]{white-space:normal;min-width:84px}.cmp-table.two td{font-size:.84rem}}
.cmp-disclose{background:var(--sunken);border-left:3px solid var(--accent);padding:8px 12px;border-radius:var(--r-sm);font-size:.9rem}
