/* Shared presentation for the comparison index and detail pages. */
.comparison-page .compare-table {width:100%;margin:var(--ui-space-6) 0 var(--ui-space-8);border:1px solid var(--ui-border);border-collapse:collapse;border-radius:var(--ui-radius-sm);font-size:var(--ui-text-sm)}
.comparison-page .compare-table th,.comparison-page .compare-table td {padding:14px 16px;border-bottom:1px solid var(--ui-border);text-align:left}
.comparison-page .compare-table th {background:var(--ui-subtle);color:var(--ui-text);font-size:var(--ui-text-sm);font-weight:650;letter-spacing:0;text-transform:none}
.comparison-page .compare-table td {color:var(--ui-text)}
.comparison-page .compare-table tr.highlight td {background:var(--ui-accent-soft);font-weight:600}
.comparison-page .compare-table tr:last-child td,.comparison-page .compare-table tr:last-child th {border-bottom:0}
.comparison-page .asof-note {color:var(--ui-muted);font-size:var(--ui-text-sm);font-style:normal;opacity:1;line-height:1.6}
.comparison-page .psec-head {text-align:left}
.comparison-page .psec-head .rl-sub {max-width:62ch;margin-inline:0}
.comparison-page .rl-section .b-head {padding:0 0 var(--ui-space-6)}
.comparison-page .b-head--stat .pain-lead {display:flex;flex-direction:column;align-items:flex-start;gap:var(--ui-space-2);margin-bottom:var(--ui-space-4);text-align:left}
.comparison-page .b-head--stat .pain-lead-num {margin:0;color:var(--ui-text);font-size:var(--ui-title-lg);font-weight:700;line-height:1.1;letter-spacing:0;text-shadow:none;-webkit-text-stroke:0}
.comparison-page .b-head--stat .pain-lead-num small {color:var(--ui-muted);font-size:var(--ui-text-base);font-weight:600}
.comparison-page .b-head--stat .pain-lead-src {max-width:60ch;margin:0;color:var(--ui-muted);font-family:var(--sans);font-size:var(--ui-text-sm);letter-spacing:0;text-transform:none}
.comparison-page .prose-note {max-width:78ch;margin-top:var(--ui-space-6);color:var(--ui-muted);font-size:var(--ui-text-base);line-height:1.7;text-align:left}
.comparison-page .prose-note.rl-narrow {text-align:left}
.comparison-page .rl-section ul {max-width:78ch;margin-left:0;margin-right:0;line-height:1.7}
.comparison-page .rl-section ul li {margin-bottom:var(--ui-space-3)}
.comparison-page .vs-prose {max-width:74ch;margin-inline:0}
.comparison-page .vs-prose p {font-size:var(--ui-text-base);line-height:1.72}
.comparison-page .vs-prose h3 {margin:var(--ui-space-8) 0 var(--ui-space-2);color:var(--ui-text);font-size:var(--ui-text-lg);font-weight:650}
.comparison-page .vs-prose ul {margin:var(--ui-space-3) 0 var(--ui-space-4);padding-left:22px}
.comparison-page .vs-prose li {margin-bottom:var(--ui-space-2);line-height:1.65}
.comparison-page .table-scroll {overflow-x:auto}
.comparison-page .table-scroll:focus-visible {outline:2px solid var(--ui-accent);outline-offset:2px}
.comparison-page .compare-table th:first-child {width:26%}
.comparison-page .compare-table td:not(:first-child):not(:last-child) {color:var(--ui-muted)}
.comparison-page .compare-table td:last-child {color:var(--ui-text);font-weight:650}
.comparison-page .compare-table caption {caption-side:bottom;padding-top:var(--ui-space-3);color:var(--ui-muted);font-size:var(--ui-text-sm);line-height:1.6;text-align:left}
.comparison-page .plan-table td:last-child,.comparison-page .tier-table td:last-child {font-weight:400}
.comparison-page .plan-table th:first-child,.comparison-page .tier-table th:first-child {width:24%}
.comparison-page .cat-card .cat-who,.comparison-page .pick-card .pick-verdict {color:var(--ui-accent);font-family:var(--sans);font-size:var(--ui-text-xs);font-weight:650;letter-spacing:0;text-transform:none}
.comparison-page .ui-link-row .card-kind {display:block;margin-bottom:var(--ui-space-2);color:var(--ui-muted);font:600 var(--ui-text-xs)/1.4 var(--ui-font-sans)}
.comparison-page .verdict,.comparison-page .both-note {max-width:78ch;margin:var(--ui-space-6) 0 0;text-align:left}
.comparison-page .verdict--standalone {margin-top:var(--ui-space-8);padding:var(--ui-space-6) 0 0;border:0;border-top:1px solid var(--ui-border);border-radius:0;background:transparent;box-shadow:none}
.comparison-page .verdict p,.comparison-page .both-note p {color:var(--ui-muted);font-size:var(--ui-text-base);line-height:1.7}
.comparison-page .verdict p:last-child {margin-bottom:0}
.comparison-page .verdict-grid .ui-explain-item {display:flex;flex-direction:column;gap:var(--ui-space-3)}
.comparison-page .verdict-name {color:var(--ui-text);font-size:var(--ui-text-base);font-weight:650;letter-spacing:0}
.comparison-page .verdict-grid p {margin:0;color:var(--ui-muted);font-size:var(--ui-text-sm);line-height:1.65}
.comparison-page .faq-section {padding-bottom:var(--ui-space-16)}
.comparison-page .faq {margin-top:var(--ui-space-8)}
@media (max-width:760px) {
  .comparison-page .table-scroll {overflow:visible}
  .comparison-page .table-scroll .compare-table {display:flex;flex-direction:column;width:100%;min-width:0;border:0}
  .comparison-page .table-scroll .compare-table thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .comparison-page .table-scroll .compare-table tbody {display:block;order:1}
  .comparison-page .table-scroll .compare-table caption {display:block;order:2;width:100%;box-sizing:border-box}
  .comparison-page .table-scroll .compare-table tr {display:block;padding:var(--ui-space-4) 0;border-top:1px solid var(--ui-border)}
  .comparison-page .table-scroll .compare-table tr:last-child {border-bottom:1px solid var(--ui-border)}
  .comparison-page .table-scroll .compare-table td {display:grid;grid-template-columns:100px minmax(0,1fr);gap:var(--ui-space-3);padding:var(--ui-space-2) 0;border:0;overflow-wrap:anywhere}
  .comparison-page .table-scroll .compare-table td:first-child {display:block;padding:0 0 var(--ui-space-2);font-weight:650}
  .comparison-page .table-scroll .compare-table td:not(:first-child)::before {content:attr(data-label);color:var(--ui-muted);font:600 var(--ui-text-xs)/1.5 var(--ui-font-sans)}
}