/* l56: the comparison pages (compare/<slug>/ and compare/), loaded by those pages and the pricing page only */
.cmp .prose table{table-layout:fixed;font-size:14px}
.cmp .prose th:first-child,.cmp .prose td:first-child{width:24%;font-weight:600;color:var(--tx,#111)}
.cmp .prose th,.cmp .prose td{overflow-wrap:break-word;hyphens:auto}
.cmp .prose thead th{border-bottom:2px solid var(--line2,rgba(17,17,17,.16))}
.cmp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:20px}
.cmp-card{display:flex;flex-direction:column;gap:8px;padding:20px 22px;text-decoration:none;color:inherit}
.cmp-card b{font-weight:600;font-size:17px;line-height:1.3}
.cmp-card span{font-size:14px;line-height:1.5;color:var(--tx2,#45454f)}
.cmp-card:hover{border-color:var(--line2,rgba(17,17,17,.16))}
.cmp-more{margin-top:48px}
.cmp-index{margin-top:32px;margin-bottom:96px}
.cmp-all{text-align:center;margin-top:24px}
.cmp-all a{color:var(--tx2,#45454f)}.cmp-all a:hover{color:var(--tx,#111)}
@media (max-width:560px){.cmp .prose table{font-size:13px}.cmp .prose th:first-child,.cmp .prose td:first-child{width:30%}.cmp .prose th,.cmp .prose td{padding:8px 5px}}