/* The existing guide typography and shared brand styles own this page. */
.compare-page .compare-scroll{max-width:100%;overflow-x:auto;container-type:inline-size;border:1px solid var(--border);border-radius:7px;scrollbar-width:thin;scrollbar-color:var(--primary) var(--secondary)}
.compare-scroll:focus-visible{outline:2px solid var(--primary);outline-offset:4px}
.compare-scroll table{width:100%;border-collapse:separate;border-spacing:0;text-align:left;font-size:14px;line-height:1.75}
.compare-scroll caption{position:sticky;left:0;width:100cqi;box-sizing:border-box;white-space:normal;text-align:left;padding:14px;color:var(--muted);font-size:12px;line-height:1.6}
.compare-scroll th,.compare-scroll td{min-width:140px;padding:16px 14px;vertical-align:top;white-space:normal;overflow-wrap:break-word;border-top:1px solid var(--border)}
.compare-hub-table th,.compare-hub-table td{min-width:160px}
.compare-scroll thead th,.compare-scroll thead td{background:var(--secondary);font-size:13px;font-weight:600}
.compare-scroll tr>:first-child{position:sticky;left:0;z-index:1;min-width:140px;background:var(--background);box-shadow:1px 0 var(--border)}
.compare-scroll thead tr>:first-child{background:var(--secondary)}
.compare-scroll tbody th{font-weight:600;font-size:13px}
.compare-page .index-intro .compare-date{margin-top:12px}
@media(min-width:801px){.compare-page .compare-answer{max-width:570px}}
@media(max-width:800px){.compare-page .article-copy{max-width:none}}
@media(max-width:560px){.compare-page{padding-inline:16px}.compare-scroll tr>:first-child{min-width:140px;max-width:140px}.compare-scroll th,.compare-scroll td{padding:14px 12px}}
.compare-hub-table tr>:first-child{min-width:160px;max-width:160px}