.ranking-comparison{border-top:1px solid #d8e3e0;border-bottom:1px solid #d8e3e0;padding:24px 0;margin:12px 0 28px;letter-spacing:0}.compare-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.compare-heading h2{font-size:20px;margin:0}.compare-heading span,.compare-note{color:#657773;font-size:13px}.compare-selectors{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.compare-selectors label{min-width:0}.compare-selectors select{width:100%;margin-top:8px}.compare-layout{display:grid;grid-template-columns:minmax(300px,0.9fr) minmax(0,1.3fr);gap:24px;align-items:center}#compare-plot{min-width:0}#compare-plot svg{display:block;width:100%;max-width:460px;height:340px;margin:auto}#compare-plot svg text{font-size:13px;fill:#40544f}#compare-plot svg .compare-tick{font-size:10px;fill:#748680}.compare-polygon{stroke-width:2.5;stroke-linejoin:round}.compare-poly-0{fill:#208275;fill-opacity:.14;stroke:#208275}.compare-poly-1{fill:#b45d37;fill-opacity:.09;stroke:#b45d37;stroke-dasharray:6 4}.compare-0{color:#208275}.compare-1{color:#a84d2a}.compare-legend{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.compare-table{width:100%;table-layout:fixed;min-width:0!important;font-size:13px}.compare-table th,.compare-table td{padding:12px 8px;white-space:normal!important;overflow-wrap:anywhere;border-bottom:1px solid #e4eae8;text-align:left}.compare-table th{font-weight:500}.compare-table thead th{font-weight:700}.compare-note{line-height:1.7;margin:16px 0 0}.compare-empty{padding:36px 20px;text-align:center;background:#edf3f1;line-height:1.8}.compare-empty p{font-size:13px;color:#657773}@media(max-width:850px){.compare-layout{grid-template-columns:1fr}.compare-selectors{gap:10px}.compare-table th,.compare-table td{padding:10px 5px}.compare-heading h2{font-size:18px}}
.ranking-range{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:16px 0}.range-shortcuts{display:flex;gap:6px;flex-wrap:wrap}.ranking-range label{display:grid;gap:6px;font-size:13px;min-width:150px}.ranking-range input{width:100%}.ranking-range [role=alert]{flex-basis:100%;color:#b33a32;margin:0}.ranking-range [role=alert]:empty{display:none}@media(max-width:600px){.range-shortcuts{flex-basis:100%}.ranking-range label{flex:1;min-width:125px}}