.hourly-compare-filters{grid-template-columns:minmax(130px,.85fr) minmax(130px,.85fr) minmax(150px,1.05fr) minmax(180px,1.45fr) minmax(180px,1.15fr) minmax(150px,1fr) auto;align-items:end;gap:10px;padding:16px 18px}
.hourly-compare-filters label{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:12px;font-weight:500;color:#71819a;line-height:1.35;margin:0}
.hourly-compare-filters input,.hourly-compare-filters select{height:42px;margin:0;font-weight:400;background:#fff}
.hourly-compare-filters .hourly-query-button{height:42px;padding:0 17px;margin:0}
.hourly-comparison-legend{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;color:#62758c;font-size:12px;padding:8px 0 0;line-height:1.6}
.hourly-comparison-legend>span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.hourly-comparison-legend>span::before{content:"";width:22px;border-top:3px solid #f08528;border-radius:2px}
.hourly-comparison-legend>.previous::before{border-color:#6586c6;border-top-style:dashed}
.hourly-comparison-legend>small{color:#8b98aa;font-size:11px}
.hourly-comparison-path{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.hourly-comparison-path.current{stroke:#ef8328}
.hourly-comparison-path.previous{stroke:#6586c6;stroke-dasharray:6 4}
.hourly-comparison-point{fill:#fff;stroke-width:1.6;vector-effect:non-scaling-stroke}
.hourly-comparison-point.current{stroke:#ef8328}
.hourly-comparison-point.previous{stroke:#6586c6}
.hourly-comparison-focus{stroke:#fff;stroke-width:2;pointer-events:none}
.hourly-comparison-focus.current{fill:#ef8328}
.hourly-comparison-focus.previous{fill:#6586c6}
.hourly-chart.compact .hourly-comparison-path{stroke-width:1.65}
.hourly-chart.compact .hourly-comparison-path.previous{stroke-dasharray:4 3}
.hourly-comparison-tooltip{min-width:240px;font-size:12px;line-height:1.65;box-shadow:0 7px 26px #213b5920}
.hourly-popover .hourly-comparison-tooltip{max-width:300px}
.hourly-popover .hourly-detail-stats>div{min-width:0}
.hourly-popover .hourly-detail-stats strong{display:block;line-height:1.5;overflow-wrap:anywhere}
.hourly-popover .hourly-detail-stats strong:not(:first-child){font-size:17px}
.hourly-comparison-summary{line-height:1.6!important;color:#536c8b!important}
.hourly-table .hourly-chart-tooltip{display:none!important}
@media(max-width:1400px){.hourly-compare-filters{grid-template-columns:repeat(3,minmax(140px,1fr))}.hourly-compare-filters .hourly-search-field{grid-column:span 2}.hourly-compare-filters .hourly-query-button{justify-self:start;min-width:90px}}
@media(max-width:850px){.hourly-compare-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.hourly-compare-filters .hourly-search-field{grid-column:span 2}.hourly-compare-filters .hourly-query-button{width:100%;grid-column:span 2}.hourly-comparison-tooltip{min-width:190px;max-width:230px;font-size:11px}.hourly-comparison-legend{gap:7px 15px}}
@media(prefers-reduced-motion:reduce){.hourly-comparison-path,.hourly-comparison-point{transition:none}}