/* Interaction states only; the shared Insights stylesheet owns composition. */
[data-insights-demo] .insight-chart__graph { position: relative; }
[data-insights-demo] .insight-chart__months.is-insights-interactive-months {
    position: relative;
    display: block;
    height: 1lh;
    padding-inline: 0;
}
[data-insights-demo] .insights-month {
    appearance: none;
    position: absolute;
    top: 50%;
    left: var(--insight-month-x);
    transform: translate(-50%, -50%);
    display: block;
    /* The existing mobile fit scales the scene, but touch targets stay 24px. */
    min-width: calc(24px / var(--mobile-fit-scale, 1) / var(--mobile-visual-fit-scale, 1));
    min-height: calc(24px / var(--mobile-fit-scale, 1) / var(--mobile-visual-fit-scale, 1));
    margin: 0;
    border: 0;
    border-radius: 3px;
    padding: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: inherit;
    text-align: center;
    cursor: pointer;
    touch-action: manipulation;
}
[data-insights-demo] .insights-month:hover,
[data-insights-demo] .insights-month.is-insights-selected { color: #19364b; text-decoration: underline; text-underline-offset: 3px; }
[data-insights-demo] :is(.insights-month, [data-insights-customize], [data-insights-reset], [data-insights-toggle]):focus-visible {
    outline: 2px solid #315777;
    outline-offset: 3px;
}
[data-insights-demo] .insights-tooltip {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    display: grid;
    gap: 3px;
    width: max-content;
    max-width: min(100%, 17rem);
    box-sizing: border-box;
    border: 1px solid #d3dee4;
    border-radius: 6px;
    padding: 8px 10px;
    background: #fff;
    color: #315777;
    box-shadow: 0 3px 10px rgb(25 54 75 / 8%);
    font-family: inherit;
    font-size: 12px;
    line-height: 1.35;
    font-variant-numeric: tabular-nums;
    text-align: left;
    overflow-wrap: anywhere;
    pointer-events: none;
}
[data-insights-demo] .insights-tooltip > strong { color: #19364b; font-size: inherit; font-weight: 600; }
[data-insights-demo] .insights-tooltip[data-side="left"] { left: 0; right: auto; }
[data-insights-demo].is-insights-customizable { position: relative; }
[data-insights-demo].is-insights-customizable .insight-toolbar { position: static; }
[data-insights-demo].is-insights-customizable [data-insights-settings] {
    top: var(--insights-settings-top, 64px);
    z-index: 4;
    max-height: calc(100% - var(--insights-settings-top, 64px) - 8px);
    overflow-y: auto;
    overscroll-behavior: contain;
}
[data-insights-demo] .insights-tooltip[hidden],
[data-insights-demo] [data-insights-widget][hidden],
[data-insights-demo] [data-insights-settings][hidden] { display: none; }
[data-insights-demo] [data-insights-toggle]:disabled { cursor: not-allowed; }