/* Weather Aggregate dashboard
 *
 * The multi-series trend charts use hovermode="x unified", which stacks one
 * row per series into a single tooltip. With ~11 risk metrics that box is
 * taller than the plot area, and the chart card's rounded-corner clipping cut
 * off the last few entries. Letting the hover layer escape the card keeps the
 * whole list readable.
 */
#weather-agg-monthly-trend-chart .hoverlayer,
#weather-agg-weekly-trend-chart .hoverlayer {
    overflow: visible !important;
}

#weather-agg-monthly-trend-chart .js-plotly-plot,
#weather-agg-weekly-trend-chart .js-plotly-plot,
#weather-agg-monthly-trend-chart .plot-container,
#weather-agg-weekly-trend-chart .plot-container {
    overflow: visible !important;
}

/* The card wrapper is what actually clips, so it must not hide overflow. */
#weather-agg-monthly-trend-chart,
#weather-agg-weekly-trend-chart {
    overflow: visible !important;
}

/* Keep the unified tooltip compact so it fits more series on screen. */
#weather-agg-monthly-trend-chart .hovertext text,
#weather-agg-weekly-trend-chart .hovertext text {
    font-size: 11px !important;
}