/* Comparison pages use the shared functional-page grid, bands and spacing. */
.comparison-page .compare-actions{margin:var(--space-6) 0 0;gap:var(--space-3);flex-wrap:wrap}
.comparison-page .comparison-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;line-height:1.5}
.comparison-table th,.comparison-table td{text-align:left;vertical-align:top;padding:var(--space-3);border-bottom:1px solid var(--line);overflow-wrap:break-word}
.comparison-table th{font-weight:600}
.comparison-table thead th{padding-top:0;border-bottom:2px solid var(--line)}
.comparison-table th:first-child{width:23%;padding-left:0}
.comparison-table td:last-child,.comparison-table th:last-child{padding-right:0}
.comparison-table .compare-label{display:none}
.comparison-page .compare-choice+.compare-choice{margin-top:var(--space-8)}
.comparison-page .compare-checked{margin-top:var(--space-6);line-height:1.5}
.comparison-page .compare-checked+.compare-checked{margin-top:var(--space-2)}
@media(max-width:760px){
 .comparison-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .comparison-table tbody,.comparison-table tr{display:block;width:100%}
 .comparison-table tr{padding-block:var(--space-4);border-bottom:1px solid var(--line)}
 .comparison-table tr:first-child{padding-top:0}
 .comparison-table th:first-child{display:block;width:auto;padding:0 0 var(--space-3);border:0;font-size:16px}
 .comparison-table td{display:grid;grid-template-columns:100px minmax(0,1fr);gap:var(--space-3);padding:0;border:0}
 .comparison-table td+td{margin-top:var(--space-3)}
 .comparison-table .compare-label{display:block;color:var(--secondary)}
 .comparison-page .compare-actions .button{padding-inline:var(--space-4)}
}
