.compare-panel { padding-bottom: 12px; }
.compare-period { display: flex; align-items: center; gap: 8px; font-size: .86rem; }
#compare-products { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; padding: 8px 0 0; border: 0; }
#compare-products legend { padding: 0; font-size: .85rem; font-weight: 650; }
#compare-products label { display: flex; align-items: center; gap: 5px; padding: 6px 8px; border: 1px solid var(--edge); border-radius: 6px; font-size: .83rem; }
#compare-products label:has(:checked) { border-color: #80b9ad; background: #e7f5f1; }
#compare-products input { margin: 0; accent-color: var(--teal); }
#compare-products label:has(:disabled):not(:has(:checked)) { opacity: .62; }
#compare-chart { position: relative; min-width: 0; margin-top: 10px; }
#compare-chart .u-cursor-pt { border: 2px solid white; box-shadow: 0 0 0 1px #344749; }
.compare-hover { position: absolute; z-index: 2; max-width: 100%; pointer-events: none; padding: 8px 10px; border-radius: 6px; background: #113238; color: #f2fbfa; font-size: .8rem; font-variant-numeric: tabular-nums; }
.compare-hover div { margin-top: 4px; }
.compare-table { overflow-x: auto; }
.compare-table td { font-variant-numeric: tabular-nums; }
.series-key { display: inline-block; width: 9px; height: 9px; margin-right: 7px; border-radius: 50%; }
.compare-source { margin-top: 12px; }