.comparison-bar{background:white;border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin-bottom:22px}.comparison-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.comparison-heading h2{font-size:16px}.comparison-heading p{font-size:13px;color:var(--muted);margin:6px 0 0}.comparison-heading .light[aria-pressed=true]{background:#edf3ff;color:var(--blue);border-color:#b8cdf8}
#compare-chips{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0 13px}.compare-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:5px 8px 5px 12px;font-size:14px;max-width:100%}.compare-chip>span{overflow-wrap:anywhere}.compare-chip i{width:8px;height:8px;border-radius:50%;flex-shrink:0}.compare-chip button{font-size:21px;padding:2px 5px;color:#718097}
#compare-picker summary{cursor:pointer;font-size:14px;color:#52749d}#compare-picker p{font-size:13px;line-height:1.7;color:var(--muted)}#compare-options{display:flex;flex-wrap:wrap;gap:12px 20px;margin:16px 0}#compare-options label{display:flex;align-items:center;gap:8px;font-size:14px;max-width:100%;overflow-wrap:anywhere}#compare-options input{accent-color:var(--blue)}
#compare-status{font-size:14px;color:#617895;line-height:1.7}.compare-chart-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.compare-chart-controls label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:7px;min-width:0}.compare-chart-controls select{border:1px solid var(--line);border-radius:7px;padding:9px;background:white;color:#283d5a;font:inherit;max-width:100%}#compare-extremes-label{flex-direction:row;align-items:center;align-self:center;font-size:13px}#compare-extremes{accent-color:var(--blue)}#compare-legend{gap:12px 20px;justify-content:flex-start}.compare-small{font-size:12px;color:#7b8ba2;line-height:1.8}
#compare-chart{width:100%;height:auto;display:block;touch-action:pan-y}#compare-chart text{font:12px 'DM Sans';fill:#8c98aa}#compare-scrubber{width:100%;accent-color:var(--blue);margin-top:10px}#compare-reading{font-size:13px;color:#607b9d;line-height:1.8;overflow-wrap:anywhere;margin-top:8px}#compare-tooltip{position:absolute;top:10px;padding:12px 15px;background:#17376b;color:white;border-radius:8px;font-size:12px;line-height:1.7;pointer-events:none;overflow-wrap:anywhere;max-height:230px;overflow:auto}
.compare-summary-head{margin-top:26px;gap:12px;flex-wrap:wrap}.compare-summary-head span{font-size:13px;color:var(--muted)}#compare-summaries{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:14px}.compare-summary{background:white;border:1px solid var(--line);border-radius:12px;padding:20px;min-width:0}.compare-summary h3{font:700 17px Manrope;margin:0;border-left:4px solid;padding-left:10px;overflow-wrap:anywhere}.compare-summary dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:12px;font-size:13px;line-height:1.7;margin-bottom:0}.compare-summary dt{color:var(--muted)}.compare-summary dd{margin:0;text-align:right;font-weight:600;overflow-wrap:anywhere}
@media(max-width:1100px){.compare-chart-controls{width:100%}.compare-chart-controls>label{flex:1 1 170px}.comparison-bar{padding:18px}.compare-summary dl{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}}@media(max-width:760px){.comparison-heading{align-items:start}.comparison-heading .light{font-size:12px;padding:9px 10px;flex-shrink:0}.comparison-heading p{max-width:180px}.compare-summary{padding:18px}.compare-chart-controls>label{flex-basis:130px}}